Centering Vertical RadMenu

2 posts, 0 answers
  1. Jeff Reinhardt
    Jeff Reinhardt avatar
    56 posts
    Member since:
    Oct 2009

    Posted 10 Feb 2010 Link to this post

    I cannot get the radmenu to center, using Black Skin:

    <

     

    div id="leftMenu" align="center" runat="server">

     

     

    <telerik:RadMenu ID="rdLeftMenu" Flow="Vertical" Runat="server" Skin="Black" Width="80%">

     

     

    <Items>

     

     

    <telerik:RadMenuItem runat="server" Text="Home" NavigateUrl="~/default.aspx" />

     

     

    <telerik:RadMenuItem runat="server" Text="Demo" NavigateUrl="~/demo.aspx" />

     

     

    <telerik:RadMenuItem runat="server" Text="More Info" NavigateUrl="~/contact.aspx" Visible="false" />

     

     

    <telerik:RadMenuItem runat="server" Text="Support" NavigateUrl="~/support.aspx" />

     

     

    <telerik:RadMenuItem runat="server" Text="More Info / Contact Us" NavigateUrl="~/contact.aspx" />

     

     

    <telerik:RadMenuItem runat="server" Text="Login" NavigateUrl="~/login/login.aspx" />

     

     

    </Items>

     

     

    </telerik:RadMenu>

     

     

    </div>

    CSS:

     

    #leftMenu

     

     

     

    {

     

    float: none;

     

     

    margin-left: auto;

     

     

    margin-right: auto;

     

     

    text-align: center;

     

    }

     

    .RadMenu

     

    Black .rmLeftImage

     

    {

     

    float: none !important;

     

    }

     

     

     

    .RadMenu

     

    Black .rmVertical .rmLeftImage + .rmText

     

    {

     

    padding:0 !important;

     

    }

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 11 Feb 2010 Link to this post

    Hello,

    I guess following forum link will be of help in centering the RadMenu on page.
    Centering menu in a div

    Thanks,
    Princy.
Back to Top