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

radtabstrip-RadTab Text Align

2 Answers 213 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
swarnalakshmi
Top achievements
Rank 1
swarnalakshmi asked on 17 Jan 2011, 06:49 PM
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

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 18 Jan 2011, 10:44 AM
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.
0
jebamalai
Top achievements
Rank 1
answered on 11 May 2017, 03:30 AM

  <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

 

Tags
TabStrip
Asked by
swarnalakshmi
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
jebamalai
Top achievements
Rank 1
Share this question
or