horizontal menu with submenus in asp.net

Hi Pravin,

Use the following code:-

<div id="nav"  class="nav">
            <asp:Menu ID="Menu1" Orientation="Horizontal" runat="server">
                <Items>
                    <asp:MenuItem  Text="first" Value="first">
                        <asp:MenuItem  Text="firstchild" Value="firstchild"></asp:MenuItem>
                        <asp:MenuItem Text="child" Value="child"></asp:MenuItem>
                        <asp:MenuItem Text="child2" Value="child"></asp:MenuItem>
                        <asp:MenuItem Text="child3" Value="child"></asp:MenuItem>
                    </asp:MenuItem>
                    <asp:MenuItem Text="second" Value="second">
                        <asp:MenuItem Text="child" Value="child"></asp:MenuItem>
                    </asp:MenuItem>
                </Items>
            </asp:Menu></div>

Add following line in CSS:-

#nav table { display:inline;}
#nav tr { display:inline; }
#nav td { display:inline;}
#nav a {display:inline;}

Thanks,
Mukesh

$(document).ready(function () {

getusertype();
GetPagNameAll();
})
//get all page name in db menu and sub menu type display
function GetPagNameAll() {

$.ajax({
type: "POST",
url: "/PagePermission/PagePermission.aspx/getDisplayALLPageName",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {

var jsdata = JSON.parse(msg.d);
// var SubMenu = jsdata.SubMenuList;
$.each(jsdata, function (key, value) {
$("#MailMenuList").val(value.mainmenulist);
$("#getlist").append('

• ' + value.pagename)//onclick="checkSubMenufun(' + value.id + ');" onclick="check_fun(\'' + value.id + ',' + value.SubMenuList +'\');"
  //'
  "' + value.pagename+'"'
  var sub_length=value.SubMenuList.length;
  for (i = 0; i < sub_length; i++) {
  //'
  • "' + value.pagename+'"
  '
  $("#getlist").append('
  • ' + value.SubMenuList[i].pagename + '
  ')//onclick="checkUncheckMainMenufun(' + value.id + ',' + value.SubMenuList[i].id + ');"
  }
  '
  ';
  
  });
  
  },
  failure: function (msg) {
  alert("failure");
  },
  error: function (msg) {
  alert("error");
  }
  });
  }
  
  
  //get drop down values in db
  function getusertype() {
  $.ajax({
  type: "POST",
  url: "/PagePermission/PagePermission.aspx/GetUserType",
  data: "{}",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (msg) {
  $('#txtusertype').empty().append('Select user type');
  var jsdata = JSON.parse(msg.d);
  $.each(jsdata, function (key, value) {
  
  $('#txtusertype').append('' + value.pagename + '');
  });
  //$(".side-menu").empty();
  },
  failure: function (msg) {
  alert("failure");
  },
  error: function (msg) {
  alert("error");
  }
  });
  }
  C# Code
  #region Select Drobdowm List
  
  
  [WebMethod]
  public static string GetUserType()
  {
  try
  {
  registerEntities1 db = new registerEntities1();
  var usertype = db.user_type_table.Select(x => new { x.user_id, x.user_name }).ToList();
  List
  obj = new List
  ();
  
  foreach (var append in usertype)
  {
  details objd = new details();
  objd.pagename = append.user_name;
  objd.Sno = append.user_id.ToString();
  obj.Add(objd);
  }
  JavaScriptSerializer objsr = new JavaScriptSerializer();
  return objsr.Serialize(obj);
  //return "";
  }
  catch (Exception ex)
  {
  return "";
  }
  }
  
  #endregion
  #region display all page name in page load
  [WebMethod]
  public static string getDisplayALLPageName()
  {
  registerEntities1 db = new registerEntities1();
  var main_menu_list = db.page_name_table.Select(x => new { x.page_id, x.page_name }).ToList();
  var sub_menu_list = db.page_name_submenu.Select(x => new { x.page_id, x.page_name, x.main_menu_id }).ToList();
  
  List<mainmenu> MainMenuList = new List<mainmenu>();
  
  
  foreach (var main_menu in main_menu_list)
  {
  List<submenu> SubMenuList = new List<submenu>();
  mainMenu mainMenuDetails = new mainMenu();
  foreach (var sub_menu in sub_menu_list)
  {
  subMenu sunMenuDetails = new subMenu();
  if (main_menu.page_id == sub_menu.main_menu_id)
  {
  sunMenuDetails.id = sub_menu.page_id.ToString();
  sunMenuDetails.pagename = sub_menu.page_name;
  sunMenuDetails.menutype = "Sub menu";
  //sunMenuDetails.submenulist = sub_menu_list.Count.ToString();
  SubMenuList.Add(sunMenuDetails);
  }
  }
  
  mainMenuDetails.id = main_menu.page_id.ToString();
  mainMenuDetails.pagename = main_menu.page_name;
  mainMenuDetails.menutype = "main Menu";
  mainMenuDetails.SubMenuList = SubMenuList;
  mainMenuDetails.mainmenulist = main_menu_list.Count.ToString();
  MainMenuList.Add(mainMenuDetails);
  }
  JavaScriptSerializer objsr = new JavaScriptSerializer();
  return objsr.Serialize(MainMenuList);
  
  
  }
  #endregion