• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 8 posts ] 
Author Message
 Post subject: Ik krijg de children in het menu niet goed in beeld
PostPosted: Mon Nov 19, 2018 7:23 pm 
Offline
Power Poster
Power Poster

Joined: Thu May 04, 2006 9:12 am
Posts: 404
Ik heb een nieuwe website gemaakt in Dreamweaver, gebaseerd op bootstrap 4. Die heb ik daarna omgezet naar een template in CMSMS. Dat werkt allemaal helemaal naar wens alleen krijg ik het menu niet goed.
Er is een menu-optie die een aantal subs heeft en die worden niet opgenomen als subs maar als aparte menu-opties.

De indeling is als volgt:
13.1 - Beginpagina
13.2 - Therapieën
13.2.1 - - PMT/Drama
13.2.2 - - Sherborne
13.2.3 - - Hond
13.3 - Trainingen
13.4 - Over Ansjelien
13.5 - Contact


Zo zou het moeten zijn:
Code:
<nav class="navbar navbar-expand-lg navbar-dark purple">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mx-auto">
      <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li>
      <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Therapieën </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">PMT/drama</a> <a class="dropdown-item" href="#">Sherborne</a> <a class="dropdown-item" href="#">Hond</a> </div>
      </li>
      <li class="nav-item"> <a class="nav-link" href="trainingen.html">Trainingen </a> </li>
      <li class="nav-item"> <a class="nav-link" href="#">Over Ansjelien </a> </li>
      <li class="nav-item"> <a class="nav-link" href="#">Contact </a> </li>
    </ul>
  </div>
</nav>


maar zo komt het eruit te zien

Code:
<nav class="navbar navbar-expand-lg navbar-dark purple">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mx-auto">
  <li class="nav-item active"><a class="nav-link active"     href="https://www.teamworkx.nl/begin/beginpagina.html">Beginpagina</a></li>
  <li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="https://www.teamworkx.nl/begin/therapieen.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Therapieen</span> <b class="caret"></b></a>
   <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/pmtdrama.html">PMT/Drama</a></li>
   <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/sherborne.html">Sherborne</a></li>
    <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/hond.html">Hond</a></li>
    <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/trainingen-2.html">Trainingen</a></li>
      <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/over-ansjelien.html">Over Ansjelien</a></li>
    <li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/contact-2.html">Contact</a></li>
</ul>
 </div>
   </nav>


De subs krijgen dus dezelfde code mee als iedere andere menu-optie.

Dat moet dus ergens in het menu sjabloon zitten maar ik kan er na uren zoeken, lezen en proberen niet achterkomen wat ik nu fout doe.

Het menu slabloon is als volgt:
Code:
{if $count > 0}
<nav class="navbar navbar-expand-lg navbar-dark purple">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mx-auto">
{foreach from=$nodelist item=node}
  {if $node->depth > $node->prevdepth}
    {repeat string='' times=$node->depth-$node->prevdepth}
  {elseif $node->depth < $node->prevdepth}{repeat string='' times=$node->prevdepth-$node->depth}
    {elseif $node->index > 0}
  {/if}
  {$classes=''}
  {if $node->parent == true or $node->current == true}
    {$classes=' active'}
    {if $node->parent== true}{$classes=$classes|cat:' parent'}{/if}
  {/if}
  {if $node->type == 'sectionheader'}
    {if $node->haschildren == true}
      <li class="nav-item dropdown {$classes}"><a class="nav-link dropdown-toggle {$classes}"  id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{$node->menutext}</span></a></li>
    {else}
      <li class="nav-header">{$node->menutext}</li>
    {/if}
  {elseif $node->type == 'separator'}
    <li style="divider">
  {elseif $node->haschildren == true}
    <li class="nav-item dropdown {$classes}">
<a class="nav-link dropdown-toggle {$classes}" {if $node->target}target="{$node->target}" {/if}
    href="{$node->url}" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{$node->menutext}</span> <b class="caret"></b></a>
{if $node->children} <a class="dropdown-item" href="{$node->url}"><span>{$node->menutext}</span></a> {/if}
  {else}
    <li class="nav-item{$classes}"><a class="nav-link{$classes}" {if $node->target}target="{$node->target}" {/if}
    href="{$node->url}">{$node->menutext}</a></li>
  {/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-2}
</ul>
      </div>
   </nav>
{/if}


Kan iemand mij hierbij helpen?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Tue Nov 20, 2018 7:50 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1852
Location: The Netherlands
De menu template werkt middels recursiviteit. Op het forum is er een topic waarin dit wordt uitgelegd. Zonder je code nageplozen te hebben, misschien kan je hier je oplossing in vinden: https://github.com/UisgeBeatha436/cmsms_uisge-beatha/blob/master/templates/navigator_navigation_multilevel_bootstrap_menu.tpl


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Tue Nov 20, 2018 8:57 pm 
Offline
Power Poster
Power Poster

Joined: Thu May 04, 2006 9:12 am
Posts: 404
Dankjewel Gregor. Ik ga hier morgen eens goed voor zitten :)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Wed Nov 21, 2018 1:45 pm 
Offline
Power Poster
Power Poster

Joined: Sun Apr 19, 2009 9:33 am
Posts: 1376
Mijn op Bootstrap gebasseerde menu ziet er zo uit:

https://pastebin.cmsmadesimple.org/180

_________________
The CMSMS Builder is a tool to help you develop and optimize CMS Made Simple >= 2.2.3 themes, it is made by a developer for developers.

I you like an automated file based work-flow this project might be for you. It is usable to kick-start a new CMSMS project or it can be applied to existing ones.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Ik krijg de children in het menu niet goed in beeld
PostPosted: Wed Nov 21, 2018 7:43 pm 
Offline
Power Poster
Power Poster

Joined: Thu May 04, 2006 9:12 am
Posts: 404
@Gregor: Ik heb jouw link gevolgd en deze template gebruikt. Alles werkt nu naar behoren. Heel klein beetje getweakt en nu loopt alles zoals het moet. In de HTML van de pagina's zit nu geen enkele fout meer. Dank voor je hulp.

@Arnoud: Dank voor je medewerking. Ik zag deze net te laat. Ik was al bezig met de optie van Gregor. Nu daarmee alles prima werkt laat ik jou optie even voor wat het is. Toch hartelijk dank voor het delen!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Thu Nov 22, 2018 8:26 am 
Offline
Power Poster
Power Poster

Joined: Sun Apr 19, 2009 9:33 am
Posts: 1376
De template van Gregor komt me wel bekend voor, het is er een uit mijn sandbox 8)

https://github.com/FrontEndStudio/cmsms ... /templates

_________________
The CMSMS Builder is a tool to help you develop and optimize CMS Made Simple >= 2.2.3 themes, it is made by a developer for developers.

I you like an automated file based work-flow this project might be for you. It is usable to kick-start a new CMSMS project or it can be applied to existing ones.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Thu Nov 22, 2018 8:46 am 
Offline
Power Poster
Power Poster
User avatar

Joined: Thu Mar 23, 2006 9:25 am
Posts: 1852
Location: The Netherlands
arnoud wrote:
De template van Gregor komt me wel bekend voor, het is er een uit mijn sandbox 8)

https://github.com/FrontEndStudio/cmsms ... /templates
en werkt bij mij ook al een poosje.... 8)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Ik krijg de children in het menu niet goed in beeld
PostPosted: Thu Nov 22, 2018 8:49 am 
Offline
Power Poster
Power Poster

Joined: Thu May 04, 2006 9:12 am
Posts: 404
arnoud wrote:
De template van Gregor komt me wel bekend voor, het is er een uit mijn sandbox 8)

https://github.com/FrontEndStudio/cmsms ... /templates


Jij hebt de trend gezet Arnoud 8)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 8 posts ] 

All times are UTC


Who is online

Users browsing this forum: tristan


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
A2 Hosting