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

RadTab Text vertical alignment

1 Answer 91 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
M Kumar
Top achievements
Rank 1
Iron
Veteran
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

Sort by
0
Shinu
Top achievements
Rank 2
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
Tags
TabStrip
Asked by
M Kumar
Top achievements
Rank 1
Iron
Veteran
Answers by
Shinu
Top achievements
Rank 2
Share this question
or