Joomla!NL - vertical dropdown menu joomla

vertical dropdown menu joomla

30 sep 2017 00:35 - 30 sep 2017 09:08

#1

Even een vraagje wat betreft joomla en de menu's.

Onderstaande code geeft een standaard horizontaal (hover) dropdown menu.
Voor de opmaken van deze code is enkel nog de bootstrap css code nodig.

Nu wil ik dit zelfde menu verticaal weergeven.
Nu dacht ik dat te doen door:

Code:

<ul class="nav menu nav nav-pills">

te veranderen in

Code:

<ul class="nav menu nav nav-pills nav-stacked">

Maar dat blijkt niet te werken.
De sub items in het verticale menu komen kleiner onder het hoofd items te staan.
En ik krijg geen (hover) dropdown menu meer.

Ik begrijp niet waarom....
Hoe kan ik onderstaand menu verticaal weergeven?
Met werkende (hover) dorpdown?

Code:

<nav class="navigation" role="navigation">
   <div class="navbar pull-left">
      <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
	  <span class="element-invisible">Toggle Navigation</span>
	  <span class="icon-bar"></span>
	  <span class="icon-bar"></span>
	  <span class="icon-bar"></span>
      </a>
   </div>
   <div class="nav-collapse">
      <ul class="nav menu nav nav-pills">
          <li class="item-109">
             <a href="link1" >test 1</a>
          </li>
           <li class="item-101 default current active deeper parent"><a href="link 2" >Home</a>
              <ul class="nav-child unstyled small">
                  <li class="item-108">
                     <a href="link 3 subitem" >link 3 subitem</a>
                     <a href="link 3 subitem" >link 3 subitem</a>
                  </li>
                  <li class="item-110">
                     <a href="link 5" >link 5</a>
                  </li>
              </ul>
          </li>
      </ul>
   </div>
</nav>

Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

sanko
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 9

vertical dropdown menu joomla

30 sep 2017 00:38

#2

Staat je site online?, zo ja geef dan even de url door, zodat leden beter mee kunnen kijken.
Werk je lokaal, geef dan het template door, waarmee je werkt.

Groeten, Romke

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Romke
Algemeen Moderator
Berichten: 3647

vertical dropdown menu joomla

30 sep 2017 09:10

#3

Waar wil je dat veranderen? Normaal gesproken geef je module class suffixes mee aan de menu module. En verticale menu's zet je ook meestal in de sidebars. Ik begrijp eerlijk gezegd je vraag niet goed.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

vertical dropdown menu joomla

30 sep 2017 12:00

#4

Helaas staat de site nog niet online.
Op dit moment werk ik voor het menu probleempje even in het standaard template protostar.
Uiteindelijk wil ik de menus gaan gebruiken een eigen gemaakte template.

Klopt, ik probeer dit ook te regelen via de module class suffixes.
Ik had de module class suffixes "nav menu nav nav-pills" voor het horizontale menu. (die werkt goed).
En ik had de module class suffixes "nav menu nav nav-pills nav-stacked" voor het verticale menu.
Maar dat wordt niet helemaal weergegeven zo als ik dat zo willen.
Hier zal dus een aanpassing nodig zijn.

Ik zou graag een vertical menu willen.
Waarbij als de muis over het hoofditem gaat.
De subitems in beeld komen.
Net zo als dat in eerder geposte html van het horizontale menu werkt.

Onderstaande html is van het verticale menu.
Wat de subitems kleiner onder het hoofditem zet.

Code:

<div class="well">
   <h3 class="page-header"dropdow menu</h3>
   <ul class="nav menu nav nav-pills nav-stacked">
   <li class="item-109">
      <a href="linkje 1">linkje 1</a>
   </li>
   <li class="item-101 default current active deeper parent">
       <a href="linkje 2">linkje 2</a>
       <ul class="nav-child unstyled small">
           <li class="item-108">
               <a href="linkje 3">linkje 3</a>
           </li>
           <li class="item-110">
               <a href="linkje 4">linkje 4</a>
           </li>
       </ul>
   </li>
  </ul>
</div>

sanko
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 9

vertical dropdown menu joomla

30 sep 2017 21:30

#5

Een horizontaal menu in Protostar moet alleen de suffix

Code:

nav-pills

meekrijgen en een verticaal menu op position-7 krijgt geen suffix.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

vertical dropdown menu joomla

08 okt 2017 10:37

#6

Ik heb mijn probleem opgelost door gebruik te maken van 2 override's.
Hier door werkt het menu weer zo als ik dat graag wil.
Hartelijk bedankt voor het mee denken!!

sanko
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 9

vertical dropdown menu joomla

08 okt 2017 20:41

#7

Je had je topic afgesloten met de knop "Dit is de oplossing". Maar omdat je probleem niet opgelost is of dat je geen oplossing hebt gemarkeerd/aangegeven waar andere leden iets aan hebben, heb ik opgelost verwijderd. Deze knop s.v.p. alleen gebruiken wanneer je probleem opgelost is en je een oplossing aan kunt geven.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

Laatste nieuws

Welkom bij Joomla!NL

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

vertical dropdown menu joomla

Laatste forumberichten

Wil je Joomla!NL steunen?