How to change the menu item font color individually

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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值