Radtoolbar buttons vertical align

2 posts, 0 answers
  1. John Davis
    John Davis avatar
    119 posts
    Member since:
    Apr 2007

    Posted 18 Sep 2008 Link to this post

    All buttons align except the RadNumericTextBox .  It is higher than the other buttons.  How can I vertically align it with the others?

    <rad:RadToolbar runat="server" ID="RadtoolbarSearch" Skin="Outlook" UseFadeEffect="True"

    AutoPostBack="True" OnButtonClick="RadtoolbarSearch_OnClick">

    <Items>

    <

    rad:RadToolbarButton Width="120px" >

    <ItemTemplate>

    <asp:Label ID="la" runat="server" Text="Change All Qty (%):" Font-Size="X-Small"></asp:Label>

    </ItemTemplate>

    </rad:RadToolbarButton>

    <

    rad:RadToolbarButton>

    <

    ItemTemplate>

    <

    div style="vertical-align: bottom;">

    <

    rad:RadNumericTextBox ID="txtPct" runat="server" Width="40px" MaxLength="3" MinValue="0" MaxValue="500" NumberFormat-DecimalDigits="0"></rad:RadNumericTextBox>

    </

    div>

    </

    ItemTemplate>

    </

    rad:RadToolbarButton>

    <rad:RadToolBarButton Width="75px" ImageUrl="~\Images\SingleMinus.gif" AccessKey="i"

    CommandName="down" Text="Decrease" />

    <rad:RadToolBarButton Width="75px" ImageUrl="~\Images\SinglePlus.gif" AccessKey="i"

    CommandName="up" Text="Increase" />

    </Items>

    </

    rad:RadToolbar>

  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Sep 2008 Link to this post

    Hi John Davis,

    In our test project the RadNumericTextBox was alligned correctly. Generally, you can adjust the vertical alling of the textbox as follows:
    <style type="text/css">  
        .inputCell  
        {  
            margin-top3px !important;   
        }  
        </style> 

    Let us know if this helps or not.


    Kind regards,
    Peter
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top