Установить ширину выпадающего asp: MenuItems - PullRequest
Новая
       17

Установить ширину выпадающего asp: MenuItems

0 голосов
/ 11 мая 2011

Я сделал меню в asp.net с разными уровнями. И из любопытства я хотел бы знать, как установить ширину для MenuItems Test1 и Test2.

Мой код: 

<asp:Menu ID="Menu1" runat="server" CssClass="menu" 
    EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Font-Names="Verdana" >
 <Items>
     <asp:MenuItem Text="Test" Selectable="false">
         <asp:MenuItem  NavigateUrl="~/Test1.aspx" Text="Test1" Value="Test1"/>
         <asp:MenuItem NavigateUrl="~/Test2.aspx" Text="Test2" Value="Test2"/>  
     </asp:MenuItem>
 </Items>
 </asp:Menu>

Я искал в сети, пробовал некоторые вещи, но не мог понять это. Какие-нибудь простые, но рабочие идеи по этому вопросу?

Заранее спасибо.

1 Ответ

0 голосов
/ 11 мая 2011 
<style>
    .level1
{
    width:500px;
}

</style>

<asp:menu ID="Menu1" runat="server">
             <LevelMenuItemStyles>
                <asp:MenuItemStyle CssClass="level1"/>
              </LevelMenuItemStyles>

        <Items>
        <asp:MenuItem Text="First"></asp:MenuItem>
        <asp:MenuItem Text="second"></asp:MenuItem>
        </Items>
        </asp:menu>

Альтернативный 

protected void Menu1_MenuItemDataBound(object sender, TreeNodeEventArgs e)
    {
               e.Item.Text = "<div style='width:100px; color:Yellow; background-color:Orange' >" + e.Item.Text + "</div>";
    }
...