Radtoolbar buttons vertical align

[John Davis]

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>

[Peter]

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-top: 3px !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.