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

    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. 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.

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

    Thanks,
    Shinu.
  3. jebamalai
    jebamalai avatar
    1 posts
    Member since:
    Jan 2015

    Posted 10 May 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">
                                    <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

     

Back to Top