Hover Menu in asp.net

Hello,
How to create hover menu. I want to create exactly as attached in the picture. When i mouse over the attendance, the menu should be displayed as such in the picture.
Anyone help in this?
Thankyou.

hover menu.JPG

Attachments

bharanidharanit

Junior Poster

145 posts since Nov 2008

Reputation Points: 8

Solved Threads: 3

2 Years Ago

Hi
It's as simple as that. take a look at the eg:

<asp:Menu ID="Menu1" runat="server" BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" StaticSubMenuIndent="10px">
                        <StaticSelectedStyle BackColor="#1C5E55" />
                        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                        <DynamicHoverStyle BackColor="#666666" ForeColor="White" />
                        <DynamicMenuStyle BackColor="#E3EAEB" />
                        <DynamicItemTemplate>
                            <%# Eval("Text") %>
                        </DynamicItemTemplate>
                        <DynamicSelectedStyle BackColor="#1C5E55" />
                        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                        <StaticHoverStyle BackColor="#666666" ForeColor="White" />
                        <Items>
                            <asp:MenuItem Selectable="False" Text="Select" Value="Select"></asp:MenuItem>
                            <asp:MenuItem Text="Product" Value="Items">
                                <asp:MenuItem NavigateUrl="~/Product/Product.aspx" Text="Item Card" Value="Item Card">
                                </asp:MenuItem>
                                <asp:MenuItem NavigateUrl="~/GridViewTest.aspx" Text="GridViewTest" Value="GridViewTest">
                                </asp:MenuItem>
                                
                                <asp:MenuItem NavigateUrl="~/Product/frmRptProduct.aspx" >
                                </asp:MenuItem>
                                
                            </asp:MenuItem>
                            <asp:MenuItem Text="Sales" Value="Sales"></asp:MenuItem>
                            <asp:MenuItem Text="Purchase" Value="Purchase"></asp:MenuItem>
                            <asp:MenuItem Text="Test" Value="Purchase" NavigateUrl="~/ConfimButtonExtenderEg.aspx"></asp:MenuItem>
                            <asp:MenuItem Text="Reports" Value="Reports" NavigateUrl="~/Product/frmRptContainer.aspx" ></asp:MenuItem>
                            <asp:MenuItem Text="DAAB3.1Test" Value="DAAB3.1Test" NavigateUrl="~/Test_DAAB3.aspx" ></asp:MenuItem>
                            <asp:MenuItem Text="Create User" Value="DAAB3.1Test" NavigateUrl="~/createUser.aspx" ></asp:MenuItem>
                            
                        </Items>
                    </asp:Menu>

Mark as solved if it helps you!!!

reach_yousuf

Junior Poster

195 posts since Sep 2007

Reputation Points: 12

Solved Threads: 38

2 Years Ago

Hi It's as simple as that. take a look at the eg:

<asp:Menu ID="Menu1" runat="server" BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" StaticSubMenuIndent="10px">
                        <StaticSelectedStyle BackColor="#1C5E55" />
                        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                        <DynamicHoverStyle BackColor="#666666" ForeColor="White" />
                        <DynamicMenuStyle BackColor="#E3EAEB" />
                        <DynamicItemTemplate>
                            <%# Eval("Text") %>
                        </DynamicItemTemplate>
                        <DynamicSelectedStyle BackColor="#1C5E55" />
                        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                        <StaticHoverStyle BackColor="#666666" ForeColor="White" />
                        <Items>
                            <asp:MenuItem Selectable="False" Text="Select" Value="Select"></asp:MenuItem>
                            <asp:MenuItem Text="Product" Value="Items">
                                <asp:MenuItem NavigateUrl="~/Product/Product.aspx" Text="Item Card" Value="Item Card">
                                </asp:MenuItem>
                                <asp:MenuItem NavigateUrl="~/GridViewTest.aspx" Text="GridViewTest" Value="GridViewTest">
                                </asp:MenuItem>
                                
                                <asp:MenuItem NavigateUrl="~/Product/frmRptProduct.aspx" >
                                </asp:MenuItem>
                                
                            </asp:MenuItem>
                            <asp:MenuItem Text="Sales" Value="Sales"></asp:MenuItem>
                            <asp:MenuItem Text="Purchase" Value="Purchase"></asp:MenuItem>
                            <asp:MenuItem Text="Test" Value="Purchase" NavigateUrl="~/ConfimButtonExtenderEg.aspx"></asp:MenuItem>
                            <asp:MenuItem Text="Reports" Value="Reports" NavigateUrl="~/Product/frmRptContainer.aspx" ></asp:MenuItem>
                            <asp:MenuItem Text="DAAB3.1Test" Value="DAAB3.1Test" NavigateUrl="~/Test_DAAB3.aspx" ></asp:MenuItem>
                            <asp:MenuItem Text="Create User" Value="DAAB3.1Test" NavigateUrl="~/createUser.aspx" ></asp:MenuItem>
                            
                        </Items>
                    </asp:Menu>

Mark as solved if it helps you!!!

Thankyou, the code is working.

bharanidharanit

Junior Poster

145 posts since Nov 2008

Reputation Points: 8

Solved Threads: 3

This question has already been solved

You