RadTab Text vertical alignment

2 posts, 0 answers
  1. M Kumar
    M Kumar avatar
    40 posts
    Member since:
    Apr 2008

    Posted 05 Dec 2013 Link to this post

    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;
     }
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 05 Dec 2013 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top