Sever side:
public Color GetItemColor(MenuItemTemplateContainer container)
{
MenuItem item = (MenuItem)container.DataItem;
//identify based value
if (item.Value == "value 2")
return Color.Brown;
//identify based on depth and index
if (item.Depth == 0)
switch (container.ItemIndex)
{
case 0: return Color.Red;
case 1: return Color.Blue;
case 2: return Color.DarkGreen;
default:
return Color.Black;
}
else
switch (container.ItemIndex)
{
case 0: return Color.Purple;
case 1: return Color.Aqua;
case 2: return Color.DarkOrange;
default:
return Color.Black;
}
}
Client side:
<asp:Menu
ID="Menu_BillTab"
runat="server"
Orientation="Horizontal"
OnMenuItemClick="Menu_BillTabClick" >
<Items>
<%-- <asp:MenuItem Text="Bill1" Value="1" Selected="true"></asp:MenuItem>--%>
</Items>
<StaticMenuItemStyle CssClass="tabItem" BorderWidth="2px" />
<StaticSelectedStyle CssClass="tabSelected" />
<StaticHoverStyle CssClass="tabHover" />
<StaticItemTemplate>
<asp:Panel ID="Panel1" runat="server" ForeColor='<%# GetItemColor(Container) %>'>
<%# Eval("Text") %>
</asp:Panel>
</StaticItemTemplate>
</asp:Menu>