radtabstrip-RadTab Text Align

3 posts, 0 answers
  1. swarnalakshmi
    swarnalakshmi avatar
    5 posts
    Member since:
    Dec 2007

    Posted 17 Jan 2011 Link to this post


    My Rad Tabs are defined in different width and I want the text to be fit to the tabs.

    I changed the width of tabs. But text alignment is not happening appropriately.

    How to do this ?

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 18 Jan 2011 Link to this post

    Hello Swarna,

    You can try modifying the default CSS like below.

    .rtsIn, .rtsTxt
               padding-left: 0px !important;
               color: Red !important;
               text-align: left !important;

  3. jebamalai
    jebamalai avatar
    1 posts
    Member since:
    Jan 2015

    Posted 10 May 2017 Link to this post

      <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1" Align="Center"
                                     MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Silk" ClickSelectedTab="true" OnTabClick="RadTabStrip1_TabClick">
                                         <telerik:RadTab Text="Personal Info" Width="120px" Height="40px"></telerik:RadTab>
                                        <telerik:RadTab Text="Parent's Info" Width="120px" ></telerik:RadTab>
                                        <telerik:RadTab Text="Address" Width="80px"></telerik:RadTab>
                                        <telerik:RadTab Text="Academics " Width="90px"></telerik:RadTab>
                                        <telerik:RadTab Text="Know Karunya " Width="130px"></telerik:RadTab>
                                        <telerik:RadTab Text="Teacher's Info" Width="130px"></telerik:RadTab>
                                        <telerik:RadTab Text="ExtraCurricular " Width="130px"></telerik:RadTab>
                                        <telerik:RadTab Text="Upload Documents " Width="160px"></telerik:RadTab>
                                        <telerik:RadTab Text="Documents " Width="100px"></telerik:RadTab>
                                        <telerik:RadTab Text="Logout " OuterCssClass="rightTab" >


    jquery function

              <script type="text/javascript">  
            function selectTab() {  
        var tabstrip = $find('<%= RadTabStrip1.ClientID %>');  

     protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)
                Response.Redirect("~/Online/Admissions/AdmitCandidateLogin.aspx", false);

    i want the page to be redirect only when i press logout tab, but since i put on radstrip if click any tab its redirect to login page , but this should not happen it should happen only on logout tab, 

    Plz Help me in this regard, I Waiting for this part alone to be completed, your reply is very much appreciated


Back to Top