RadMenu (Menu) was displayed in two lines /rows

3 posts, 1 answers
  1. Lee
    Lee avatar
    10 posts
    Member since:
    Oct 2008

    Posted 27 Aug 2009 Link to this post

    Hi All,

    I use RadMenu 2009 Q1.

    ASPX CODES (NOTE: 400px is wide enough for menu items):

    <table style="width: 98%;">                
    <tr> 
     <td style="width: 400px;">  
     <div style="text-align: left; clear: both;">  
        <telerik:RadMenu runat="server" ID="MainMenu" DataSourceID="SiteMapDataSource_Admin" 
                    DataFieldID="id" DataFieldParentID="parentID" DataTextField="" Skin="Web20">  
                   <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
         </telerik:RadMenu> 
     </div> 
     </td> 
    </tr> 
    </table> 
     
     

    It looks like: http://www.lamwz.cn/file/codes/RadMenu_1.jpg

    If I set CSS for RadMenu:

    .RadMenu .rmLink .rmText  
    {  
        font-size: 13px;  

    The menu items looks like: http://www.lamwz.cn/file/codes/RadMenu_2.jpg

    Anybody can help me ? Thanks a lot.

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

    Posted 28 Aug 2009 Link to this post

    Hi,

    I guess the table td width is less when compared to RadMenu and that is why the RadMenu item is getting wrapped. Are you restricted from increasing the width of the table which contains the menu?

    Princy
  3. Lee
    Lee avatar
    10 posts
    Member since:
    Oct 2008

    Posted 29 Aug 2009 Link to this post

    Hi, Princy
    Thanks .
    I checked my C# codes behind aspx and found that there was a line:
    MainMenu.Width=320px; -- That is the reason
Back to Top