This is a migrated thread and some comments may be shown as answers.

Radtoolbar buttons vertical align

1 Answer 130 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
John Davis
Top achievements
Rank 2
John Davis asked on 19 Sep 2008, 01:56 AM
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>

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 19 Sep 2008, 10:47 AM
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.
Tags
ToolBar
Asked by
John Davis
Top achievements
Rank 2
Answers by
Peter
Telerik team
Share this question
or