Align RadMenu to right in div without affecting other RadMenu's on the page

2 posts, 0 answers
  1. rh
    rh avatar
    192 posts
    Member since:
    Jan 2007

    Posted 13 Aug 2009 Link to this post

    I need to align a RadMenu to the right. The RadMenu is located in a div element. I can get it to align right with float:right but then that screws up the rest of the formatting on the page because firefox doesn't respect elements contained within a div that use float. Also, my solution needs to not affect other RadMenus that may be on the page because this is in a master page and I can't have the solution mess up RadMenu's that may be hosted in the content pages.
  2. Yana
    Admin
    Yana avatar
    4881 posts

    Posted 14 Aug 2009 Link to this post

    Hi Roy,

    You can use CssClass property to set the style only for this RadMenu:

    <style type="text/css">   
        div.rightMenu {   
            float: right;   
        }   
    </style>  

    and please try "clear: both" property to fix the layout issue in Firefox:

    <div>  
        <telerik:RadMenu ID="RadMenu1" runat="server" CssClass="rightMenu">  
            <Items>  
                <telerik:RadMenuItem Text="item 1" />  
                <telerik:RadMenuItem Text="item 2" />  
                <telerik:RadMenuItem Text="item 3" />  
            </Items>  
        </telerik:RadMenu>  
        <br style="clear: both" />  
     </div>  

    Hope this helps.

    All the best,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top