CMS Made Simple Forums
https://forum.cmsmadesimple.org/

Ik krijg de children in het menu niet goed in beeld
https://forum.cmsmadesimple.org/viewtopic.php?f=13&t=79414
Page 1 of 1

Author:  rodeto [ Mon Nov 19, 2018 7:23 pm ]
Post subject:  Ik krijg de children in het menu niet goed in beeld

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?

Author:  Gregor [ Tue Nov 20, 2018 7:50 pm ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

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

Author:  rodeto [ Tue Nov 20, 2018 8:57 pm ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

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

Author:  arnoud [ Wed Nov 21, 2018 1:45 pm ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

Mijn op Bootstrap gebasseerde menu ziet er zo uit:

https://pastebin.cmsmadesimple.org/180

Author:  rodeto [ Wed Nov 21, 2018 7:43 pm ]
Post subject:  Ik krijg de children in het menu niet goed in beeld

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

Author:  arnoud [ Thu Nov 22, 2018 8:26 am ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

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

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

Author:  Gregor [ Thu Nov 22, 2018 8:46 am ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

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)

Author:  rodeto [ Thu Nov 22, 2018 8:49 am ]
Post subject:  Re: Ik krijg de children in het menu niet goed in beeld

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)

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/