Two RadMenus on the same line separated by a RadNumericTextBox

2 posts, 1 answers
  1. lchesnais
    lchesnais avatar
    39 posts
    Member since:
    Feb 2007

    Posted 19 Sep 2008 Link to this post

    Hello,

    I'd like to have two RadMenu on the same line separated by a RadNumericTextBox. Unfortunately, the second RadMenu appears on another line.
    Does anybody has an idea?
    Thanks in advance.

    Please find below my code. I'm using Telerik.Web.UI version 2008.2.826.35.

    BR, Laurent
    1 <%@ Page Language="C#" %> 
    2  
    3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4  
    5 <script runat="server">  
    6  
    7 </script> 
    8  
    9 <html xmlns="http://www.w3.org/1999/xhtml">  
    10 <head runat="server">  
    11     <title></title>  
    12 </head> 
    13 <body> 
    14     <form id="form1" runat="server">  
    15     <div> 
    16         <telerik:RadScriptManager  
    17                 id="RSM" 
    18                 runat="server" 
    19                 > 
    20         </telerik:RadScriptManager> 
    21         <telerik:RadMenu  
    22                 id="rmType" 
    23                 runat="server" 
    24                 Flow="Horizontal" 
    25                 > 
    26                 <Items> 
    27                     <telerik:RadMenuItem  
    28                             Text="Spending" 
    29                             > 
    30                         <Items> 
    31                             <telerik:RadMenuItem Text="Spending" /> 
    32                             <telerik:RadMenuItem Text="Income" /> 
    33                         </Items> 
    34                     </telerik:RadMenuItem> 
    35                 </Items> 
    36         </telerik:RadMenu> 
    37         <telerik:RadNumericTextBox  
    38                 id="rtnbAmount" 
    39                 runat="server" 
    40                 Value="12.2" 
    41                 > 
    42         </telerik:RadNumericTextBox> 
    43         <telerik:RadMenu  
    44                 id="rmCurrency" 
    45                 runat="server" 
    46                 Flow="Horizontal" 
    47                 > 
    48                 <Items> 
    49                     <telerik:RadMenuItem  
    50                             Text="€" 
    51                             > 
    52                         <Items> 
    53                             <telerik:RadMenuItem Text="€ - EUR" Value="1" /> 
    54                             <telerik:RadMenuItem Text="$ - USD" Value="2" /> 
    55                             <telerik:RadMenuItem Text="Other">  
    56                                 <Items> 
    57                                     <telerik:RadMenuItem Text="£ - GBP" Value="5" /> 
    58                                     <telerik:RadMenuItem Text="Y - YEN" Value="6" /> 
    59                                 </Items> 
    60                             </telerik:RadMenuItem> 
    61                         </Items> 
    62                     </telerik:RadMenuItem> 
    63                 </Items> 
    64         </telerik:RadMenu> 
    65     </div> 
    66     </form> 
    67 </body> 
    68 </html> 
    69  
  2. Answer
    -DJ-
    -DJ- avatar
    263 posts
    Member since:
    Oct 2004

    Posted 19 Sep 2008 Link to this post

    Hello Laurent.

    Just put a div around each item -> the textbox and the later menu should be enough -> with the float property set to left:

    <

    div style="float: left;"> content </div>


    Regards,
    -DJ-

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top