bootstrap_4_navigation

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
bootstrap_4_navigation [10/03/2021 13:08]
Thomas Berscheid [Navigation Menu mit 3 Ebenen]
bootstrap_4_navigation [10/03/2021 13:10] (aktuell)
Thomas Berscheid [Navigation Menu mit 3 Ebenen]
Zeile 137: Zeile 137:
     <div class="col-12 col-md-6 collapse in" id="sidebar">                 <div class="col-12 col-md-6 collapse in" id="sidebar">            
       <div class="list-group panel">       <div class="list-group panel">
 +      
         <!-- Menu 1. Ebene ANFANG -->         <!-- Menu 1. Ebene ANFANG -->
 +        
         <v:menu expandAll="1" entryLevel="0" levels="2" classHasSubpages="active" as="menuLevel1">         <v:menu expandAll="1" entryLevel="0" levels="2" classHasSubpages="active" as="menuLevel1">
           <f:for each="{menuLevel1}" as="menuLevel1Item" iteration="menuLevel1Iteration">           <f:for each="{menuLevel1}" as="menuLevel1Item" iteration="menuLevel1Iteration">
Zeile 146: Zeile 148:
               data-parent="#sidebar"                data-parent="#sidebar" 
               aria-expanded="false"><span class="hidden-sm-down">{menuLevel1Item.linktext}</span> </a>               aria-expanded="false"><span class="hidden-sm-down">{menuLevel1Item.linktext}</span> </a>
 +              
             <!-- Menu 2. Ebene ANFANG -->             <!-- Menu 2. Ebene ANFANG -->
 +            
             <div class="collapse" id="menu{menuLevel1Iteration.index}">             <div class="collapse" id="menu{menuLevel1Iteration.index}">
               <v:menu pageUid="{menuLevel1Item.uid}" expandAll="1" entryLevel="1" as="menuLevel2">               <v:menu pageUid="{menuLevel1Item.uid}" expandAll="1" entryLevel="1" as="menuLevel2">
Zeile 156: Zeile 160:
                         data-toggle="collapse"                          data-toggle="collapse" 
                         aria-expanded="false">{menuLevel2Item.linktext}</a>                         aria-expanded="false">{menuLevel2Item.linktext}</a>
 +                        
                       <!-- Menu 3. Ebene ANFANG -->                       <!-- Menu 3. Ebene ANFANG -->
 +                      
                       <div class="collapse" id="menu{menuLevel1Iteration.index}sub{menuLevel2Iteration.index}">                       <div class="collapse" id="menu{menuLevel1Iteration.index}sub{menuLevel2Iteration.index}">
                         <v:menu pageUid="{menuLevel2Item.uid}" expandAll="1" entryLevel="1" as="menuLevel3">                         <v:menu pageUid="{menuLevel2Item.uid}" expandAll="1" entryLevel="1" as="menuLevel3">
Zeile 163: Zeile 169:
                               title="{menuLevel3Item.seo_title}"                                title="{menuLevel3Item.seo_title}" 
                               class="list-group-item"                                class="list-group-item" 
-                              data-parent="#m{menuLevel1Iteration.index}s{menuLevel2Iteration.index}">{menuLevel3Item.linktext}</a>+                              data-parent="#menu{menuLevel1Iteration.index}sub{menuLevel2Iteration.index}">{menuLevel3Item.linktext}</a>
                           </f:for>                           </f:for>
                         </v:menu>                         </v:menu>
                       </div>                       </div>
 +                      
                       <!-- Menu 3. Ebene ENDE -->                       <!-- Menu 3. Ebene ENDE -->
 +                      
                     </f:then>                     </f:then>
                     <f:else>                     <f:else>
Zeile 179: Zeile 187:
               </v:menu>               </v:menu>
             </div>             </div>
 +            
             <!-- Menu 2. Ebene ENDE -->             <!-- Menu 2. Ebene ENDE -->
 +            
           </f:for>           </f:for>
         </v:menu>         </v:menu>
 +        
         <!-- Menu 1. Ebene ENDE -->         <!-- Menu 1. Ebene ENDE -->
 +        
       </div>       </div>
     </div>     </div>
  • bootstrap_4_navigation.txt
  • Zuletzt geändert: 10/03/2021 13:10
  • von Thomas Berscheid