Click here to Skip to main content
15,886,689 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Dear Experts,

How to add cssclass to parent menu in asp.net menu 4.0

Here is my asp.net menu code..

ASP.NET
<asp:Menu ID="ZS_SM_Menu" DataSourceID="XmlDataSource1" runat="server" SkipLinkText="" ClientIDMode="AutoID" IncludeStyleBlock="false" RenderingMode="List">

               <StaticMenuStyle CssClass="big-menu" />
               <StaticMenuItemStyle CssClass="with-right-arrow"/>
               <DynamicMenuStyle CssClass="big-menu" />


               <DataBindings>
                   <asp:MenuItemBinding DataMember="MenuItem" TextField="Text" NavigateUrlField="NavigationUrl" Selectable="false"/>
               </DataBindings>
           </asp:Menu>


And here is the output..

HTML
<ul class="level1 big-menu">
  <li>
    <a class="popout level1 with-right-arrow">
      Main styles
    </a>
    <ul class="level2 big-menu">
      <li>
        <a class="level2">
          Typography
        </a>
      </li>
      <li>
        <a class="popout level2">
          Columns
        </a>
        <ul class="level3 big-menu">
          <li>
            <a class="level3">
              sub1
            </a>
          </li>
          <li>
            <a class="level3">
              sub2
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a class="level2">
          Tabless
        </a>
      </li>
      <li>
        <a class="level2">
          Colors & backgrounds
        </a>
      </li>
    </ul>
  </li>
  <li>
    <a class="popout level1 with-right-arrow">
      Main features
    </a>
    <ul class="level2 big-menu">
      <li>
        <a class="level2">
          Automatic setup
        </a>
      </li>
      <li>
        <a class="level2">
          Responsiveness
        </a>
      </li>
      <li>
        <a class="level2">
          Tabs
        </a>
      </li>
    </ul>
  </li>
  <li>
    <a class="level1 with-right-arrow">
      With ajax sub-menu
    </a>
  </li>
</ul>


I need to add the
with-right-arrow
class to the parent node...

Thanks & Regards,
Dileep
Posted
Comments
Karthik_Mahalingam 15-Jan-14 11:20am    
post your css
Which parent "li" or "ul"?
dilzz 16-Jan-14 7:50am    
<li> tag
Jameel VM 16-Jan-14 0:39am    
did you want to apply the css to all the Ul elements?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900