This forum is in READ-ONLY mode.
You can look around, but if you want to ask a new question, please use Stack Overflow.

knp_menu.twig Customization

Discuss Symfony 2 bundles here

knp_menu.twig Customization

by pzaldigital » Wed Dec 10, 2014 6:01 pm

Hello. I am trying to modify my knp_menu template file so that two <div> tags encapsulate the <ul>'s of the sub-menus, but not the overall <ul>

I haven not been able to find a solution via testing, and all of the search results relevant to the keywords don't seem to solve my problem.

My menu currently looks like this:
Code: Select all
<div class="nav-holder">
    <nav id="nav">
      <ul><!-- Begin Primary Menu -->

           <li class="topNav sub first"><!-- Begin Primary Menu : Item 1 -->       
               <a href="/discussion/posting"><span>Explore <em class="nav-subtext">It</em></span></a>
            <ul class="menu_level_1"><!-- Begin Item 1 : SubMenu -->
               <li class="first">       
                  <a href="/explore/posting">Job Posting</a>       
                </li>

               <li>               
                   <a href="/explore/microsites">Career Microsites</a>
                 </li>

                <li class="last">
                   <a href="/explore/referrals">Employee Referrals</a>       
                </li>
            </ul><!-- End Item 1 : SubMenu -->
         </li><!-- End Primary Menu : Item 1 -->

         <li class="topNav sub"><!-- Begin Primary Menu : Item 2 -->   
             ...     
         </li>
      </ul><!-- End Primary Menu -->
   </nav>
</div>


And needs to look like this:

Code: Select all
<div class="nav-container">
    <nav id="nav">
      <ul><!-- Begin Primary Menu -->

           <li class="topNav sub first"><!-- Begin Primary Menu : Item 1 -->       
               <a href="/primary/"><span>Primary <em class="nav-subtext">It</em></span></a>
                               <div class="added-div-1">
                                  <div class="added-div-2">
            <ul class="menu_level_1"><!-- Begin Item 1 : SubMenu -->
               <li class="first">       
                  <a href="/primary/sub1">SubMenu Item 1</a>       
                </li>

               <li>               
                   <a href="/primary/sub2">SubMenu Item 2</a>
                 </li>

                <li class="last">
                   <a href="/primary/sub3">SubMenu Item 3</a>       
                </li>
            </ul><!-- End Item 1 : SubMenu -->
                             </div>
                            </div>
         </li><!-- End Primary Menu : Item 1 -->

         <li class="topNav sub"><!-- Begin Primary Menu : Item 2 -->   
             ...     
         </li>
      </ul><!-- End Primary Menu -->
   </nav>
</div>


To be clear, I'm looking to add the two <div> tags around the sub-menu <ul>'s, but can't seem to do so without also encapsulating the primary menu's <ul>


Thankyou kindly
pzaldigital
Junior Member
 
Posts: 1
Joined: Wed Dec 10, 2014 5:45 pm