radtabstrip-RadTab Text Align

[swarnalakshmi]

Hi,

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 ?

Regards,
Swarna

[Shinu]

Hello Swarna,

You can try modifying the default CSS like below.

CSS:

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

Thanks,
Shinu.

[jebamalai]

  <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1" Align="Center"
                                 MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Silk" ClickSelectedTab="true" OnTabClick="RadTabStrip1_TabClick">
                                <Tabs>
                                     <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" >
                                    </telerik:RadTab>


                                </Tabs>
                            </telerik:RadTabStrip>

jquery function

    </Scripts>
          
        </telerik:RadScriptManager>
          <script type="text/javascript">  
        function selectTab() {  
    var tabstrip = $find('<%= RadTabStrip1.ClientID %>');  
            tabstrip.findTabByText("Logout").click();
}  
</script> 

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

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