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

RadTab Text vertical alignment

1 Answer 154 Views

TabStrip

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

M Kumar asked on 05 Dec 2013, 08:17 AM

hi i want to align the RadTab Text vertically "Middle"

<telerik:RadTabStrip ID="setupTab" CausesValidation="false" Width="100%" Skin="" EnableEmbeddedSkins="false"

MultiPageID="setupMP" Orientation="VerticalLeft" SelectedIndex="0" runat="server">

<Tabs>

<telerik:RadTab BackColor="#F3F0EB" ForeColor="Black" SelectedCssClass="setupTabSelected"

Height="30px" Font-Size="14px" Text="Organization Settings" Value="os">

</telerik:RadTab>

<telerik:RadTab BackColor="#F3F0EB" ForeColor="Black" SelectedCssClass="setupTabSelected"

Height="30px" Font-Size="14px" Text="Users & Groups" Value="ug">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

.setupTabSelected

{

background-color: #FFFFFF !important;

}

1 Answer, 1 is accepted

answered on 05 Dec 2013, 01:05 PM

Hi M Kumar

Try setting the line-height of the RadTab same as its height.
Check the following aspx and CSS
aspx:

<telerik:RadTabStrip ID="setupTab" CausesValidation="false" Width="100%" Skin="" EnableEmbeddedSkins="false" MultiPageID="setupMP" Orientation="VerticalLeft" SelectedIndex="0" runat="server">

<Tabs>

<telerik:RadTab BackColor="#F3F0EB" ForeColor="Black" SelectedCssClass="setupTabSelected" CssClass="setupTabCss"

Height="30px" Font-Size="14px" Text="Organization Settings" Value="os">

</telerik:RadTab>

<telerik:RadTab BackColor="#F3F0EB" ForeColor="Black" SelectedCssClass="setupTabSelected" CssClass="setupTabCss"

Height="100px" Font-Size="14px" Text="Users & Groups" Value="ug">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

CSS:

<style type="text/css">

.setupTabCss

{

line-height:30px !important;

}

</style>

Thanks
Shinu