Ik krijg de children in het menu niet goed in beeld

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Ik krijg de children in het menu niet goed in beeld

Post by rodeto »

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: Select all

<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: Select all

<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: Select all

{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?
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Re: Ik krijg de children in het menu niet goed in beeld

Post by Gregor »

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 ... p_menu.tpl
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: Ik krijg de children in het menu niet goed in beeld

Post by rodeto »

Dankjewel Gregor. Ik ga hier morgen eens goed voor zitten :)
deactivated010521

Re: Ik krijg de children in het menu niet goed in beeld

Post by deactivated010521 »

Mijn op Bootstrap gebasseerde menu ziet er zo uit:

https://pastebin.cmsmadesimple.org/180
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Ik krijg de children in het menu niet goed in beeld

Post by rodeto »

@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!
deactivated010521

Re: Ik krijg de children in het menu niet goed in beeld

Post by deactivated010521 »

De template van Gregor komt me wel bekend voor, het is er een uit mijn sandbox 8)

https://github.com/FrontEndStudio/cmsms ... /templates
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am
Location: The Netherlands

Re: Ik krijg de children in het menu niet goed in beeld

Post by Gregor »

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)
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: Ik krijg de children in het menu niet goed in beeld

Post by rodeto »

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)
Post Reply

Return to “Dutch - Nederlands”