Question

hi all I have a MenuItem that im dynamically adding childrent to using the following code

MenuItem c1 = new MenuItem("text","value");
parent.ChildItems.Add(c1);

however I need to add a css class to it at the the same time something like

c1.cssClass = "cssclass";
or 
c1.attributes.Add("Class","cssclass");

does anyone know how?

Answer 1

MenuItem doesn’t have a CSS class property, instead add the class to the parent Menu:

Menu menu = new Menu();
menu.CssClass = "myclass";

If you want to dynamically add classes to the menu then try creating a helper method (Extension Methods in C#):

public static class MenuExtension
{
    public static void AddCSSClass(this Menu menu, string className)
    {
        // additional code here to tidy / remove duplicates etc.

        menu.CssClass = string.Concat(menu.CssClass, " ", className);
    }
}

Since our Menu renders a UL you can then use CSS selectors to cascade the style to all child LI elements:

.myclass > li {
    // your attributes
}

Or alternatively, specific LI elements (things like nth-child etc are only supported in CSS 3.0):

.myclass > li:first-child {
    // your attributes
}

.myclass > li:nth-child(1) {
    // your attributes
}