0

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.

Edited by bharanidharanit: n/a

Attachments hover_menu.JPG 11.18 KB
2
Contributors
2
Replies
4
Views
7 Years
Discussion Span
Last Post by bharanidharanit
0

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!!!

Edited by reach_yousuf: n/a

0

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.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.