I have a menu bar with its source derived from an xml data source. I have successfully created the menu bar, but now I want to make that menu bar responsive. I have tried many options but I can't get a correct solution. I hope for a answer here. The code is given as below.

<div id="abchome_menu_bar">
<td width="auto" align="center" valign="middle" style="text-align:center">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" Width="94%" ondatabound="Menu1_DataBound">
<DynamicMenuStyle CssClass="IE8Fix" />
<asp:MenuItemStyle CssClass= "mainmenu" />
<asp:MenuItemStyle CssClass= "levelmenu" />
<asp:MenuItemStyle CssClass="sublevelmenu" />
<StaticSelectedStyle CssClass="selected" />
<asp:MenuItemBinding DataMember="Menu" TextField="text" ValueField="text" NavigateUrlField="url" />
<asp:MenuItemBinding DataMember="SubMenu" TextField="text" ValueField="text" NavigateUrlField="url" />
<asp:MenuItemBinding DataMember="Home" NavigateUrlField="url" TextField="text" ValueField="text" />
<asp:XmlDataSource ID="XmlDataSource1" runat="server"></asp:XmlDataSource>
<td style="width: 100%" align="right">
<asp:Label ID="lblWelcome" runat="server" Style="font-style: italic;" ForeColor="White"></asp:Label>
<td style="text-align: right; width: 62px">
<asp:LinkButton ID="lbtnLogOut" runat="server"  ForeColor="White" Font-Size="10pt" Width="60px">Log Out</asp:LinkButton>

Thanks & Regards,
Sajin A

Edited by SaJiN_1: Spelling mistake

2 Years
Discussion Span
Last Post by gentlemedia

Tables are monsters in getting a great responsive user experience. For the rest I see lots of tags that are unknown to me, so I can't help you further with that. All I can say is that tables are inflexible as hell. Your menu should be build with an unordered list.

Edited by gentlemedia

This topic has been dead for over six months. 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.