TabStrip Skinn Issue

4 posts, 0 answers
  1. kks
    kks avatar
    30 posts
    Member since:
    Jan 2008

    Posted 28 Jan 2010 Link to this post

    i have changed my radTab strip to Q3 2009

    the issue i am facing is all the page views are commming in one Tab whipe opening the page.

    my aspx code is like this.. & i have attached the screen shot also.
    pls give a solution on this
    aspx Code:
               <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
                SelectedIndex="0" OnClientTabSelected="OnClientTabSelected" EnableEmbeddedSkins="false" >
                <Tabs>
                    <telerik:RadTab Text="List" ImageUrl="~/App_Themes/kentz/images/list.png" PageViewID="BidLineDet"
                        Value="1">
                    </telerik:RadTab>
                    <telerik:RadTab Text="New" ImageUrl="~/App_Themes/kentz/images/New.png" PageViewID="NewLine"
                        Value="2">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Custom Bid Entry Details" ImageUrl="~/App_Themes/kentz/images/list.png"
                        PageViewID="KentzBid" Value="3">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Add Custom Bid Entry" ImageUrl="~/App_Themes/kentz/images/New.png"
                        PageViewID="NewKentzBid" Value="4">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" EnableEmbeddedBaseStylesheet="true">
                <telerik:RadPageView ID="BidLineDet" runat="server" CssClass="TabContent">
               ---
                ---
                ----
             </telerik:RadPageView>
               <telerik:RadPageView ID="NewLine" runat="server" CssClass="TabContent">
                ---
                ---
                ----
                </telerik:RadPageView>




    on page load VB side, iam doing
        RadTabStrip1.selectedindesx = 0
        RadMultipage.SelectedIndex = 0


  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 28 Jan 2010 Link to this post

    Hi kks,

    If I understand correctly, you've already applied the fix outlined in this sticky thread? If that doesn't work, do you use themes and can you check if you accidentally disabled the base stylesheet for RadMultiPage there, because the properties set in the skin file have higher priority than the control specific ones?

    Sincerely yours,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. kks
    kks avatar
    30 posts
    Member since:
    Jan 2008

    Posted 30 Jan 2010 Link to this post

    the display remailns same..

    i am not using any skin for RadMultipage
    using skin for RadTabStrip

    skin i used for RadTabstrip


    .RadTabStrip_gvip .rtsLI,
    .RadTabStrip_gvip .rtsLink
    {
     color: #000;
     font: 12px/26px "Segoe UI", Arial, sans-serif;
    }

    .RadTabStrip_gvip .rtsLevel1 .rtsLI,
    .RadTabStrip_gvip .rtsLevel1 .rtsLink
    {
     color: #00156e;
    }

    .RadTabStrip_gvip .rtsLevel .rtsLink:hover,
    .RadTabStrip_gvip .rtsLevel .rtsSelected,
    .RadTabStrip_gvip .rtsLevel .rtsSelected:hover
    {
     text-decoration: underline;
    }

    .RadTabStrip_gvip .rtsLevel1 .rtsLink:hover,
    .RadTabStrip_gvip .rtsLevel1 .rtsSelected,
    .RadTabStrip_gvip .rtsLevel1 .rtsSelected:hover
    {
     text-decoration: none;
    }

    .RadTabStripLeft_gvip .rtsSeparator,
    .RadTabStripRight_gvip .rtsSeparator
    {
     background: #8DB2E3;
    }

    /* <disabled tabs> */
    .RadTabStrip_gvip .rtsLevel .rtsDisabled
    {
     color: #666;
    }
    /* </disabled tabs> */

    /* <scrolling arrows> */
    .RadTabStrip_gvip .rtsNextArrow,
    .RadTabStrip_gvip .rtsPrevArrow,
    .RadTabStrip_gvip .rtsPrevArrowDisabled,
    .RadTabStrip_gvip .rtsNextArrowDisabled
    {
     background-image: url('TabStrip/TabStripStates.png');
    }
    /* </scrolling arrows> */

    /* <tab backgrounds> */

    .RadTabStrip_gvip .rtsLevel { background: #ccdbee; }

    .RadTabStrip_gvip .rtsLevel1 { background-color: #bfdbff; }
    .RadTabStripTop_gvip .rtsLevel2 { background: #ccdbee url('TabStrip/Level2Bg.png') repeat-x 0 0; }

    .RadTabStripTop_gvip .rtsLevel .rtsLink,
    .RadTabStripTop_gvip .rtsLevel .rtsOut { background-image: none; }

    .RadTabStripTop_gvip .rtsLevel1 .rtsLink,
    .RadTabStripTop_gvip .rtsLevel1 .rtsOut,
    .RadTabStripBottom_gvip .rtsLevel1 .rtsLink,
    .RadTabStripBottom_gvip .rtsLevel1 .rtsOut,
    .RadTabStripTop_gvip .rtsLevel1,
    .RadTabStripBottom_gvip .rtsLevel1 { background-image: url('TabStrip/TabStripStates.png'); }

    .RadTabStripLeft_gvip .rtsLink,
    .RadTabStripRight_gvip .rtsLink { background-image: url('TabStrip/TabStripVStates.png'); }

    .RadTabStripLeft_gvip .rtsLast .rtsLink,
    .RadTabStripRight_gvip .rtsLast .rtsLink
    {
     border-bottom: 1px solid #898C95;
    }

    .RadTabStripRight_gvip .rtsLink,
    .RadTabStripRight_gvip .rtsLI .rtsDisabled:hover { background-position: 100% 0; }
    .RadTabStripRight_gvip .rtsLink:hover { background-position: 100% -200px; }
    .RadTabStripRight_gvip .rtsSelected,
    .RadTabStripRight_gvip .rtsSelected:hover { background-position: 100% -400px; }
    /* </tab backgrounds> */

    /* <background positioning: tabs with hovers> */

    /* <orientation: top> */

    .RadTabStripTop_gvip .rtsLevel1 .rtsLink { background-position: 0 0; }
    .RadTabStripTop_gvip .rtsLevel1 .rtsOut { background-position: 100% 0; }

    .RadTabStripTop_gvip .rtsLevel1 .rtsLink:hover { background-position: 0 -52px; }
    .RadTabStripTop_gvip .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -52px; }

    .RadTabStripTop_gvip .rtsLevel1 .rtsSelected,
    .RadTabStripTop_gvip .rtsLevel1 .rtsSelected:hover { background-position: 0 -26px; }
    .RadTabStripTop_gvip .rtsLevel1 .rtsSelected .rtsOut,
    .RadTabStripTop_gvip .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -26px; }

    .RadTabStripTop_gvip .rtsLevel1 .rtsDisabled:hover { background-position: 0 0; }
    .RadTabStripTop_gvip .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% 0; }

    .RadTabStripTop_gvip .rtsLevel1 { background-position: 0 100%; background-repeat: repeat-x; }

    /* </orientation: top> */

    /* <orientation: bottom> */

    .RadTabStripBottom_gvip .rtsLevel1 .rtsLink { background-position: 0 -182px; }
    .RadTabStripBottom_gvip .rtsLevel1 .rtsOut { background-position: 100% -182px; }

    .RadTabStripBottom_gvip .rtsLevel1 .rtsLink:hover { background-position: 0 -130px; }
    .RadTabStripBottom_gvip .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -130px; }

    .RadTabStripBottom_gvip .rtsLevel1 .rtsSelected,
    .RadTabStripBottom_gvip .rtsLevel1 .rtsSelected:hover { background-position: 0 -156px; }
    .RadTabStripBottom_gvip .rtsLevel1 .rtsSelected .rtsOut,
    .RadTabStripBottom_gvip .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -156px; }

    .RadTabStripBottom_gvip .rtsLevel1 .rtsDisabled:hover { background-position: 0 -182px; }
    .RadTabStripBottom_gvip .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% -182px; }

    .RadTabStripBottom_gvip .rtsLevel1 { background-position: 0 -599px; background-repeat: repeat-x; }

    /* </orientation: bottom> */

    /* <orientation: right> */

    .RadTabStripRight_gvip .rtsUL .rtsLink,
    .RadTabStripRight_gvip .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
    .RadTabStripRight_gvip .rtsUL .rtsLink:hover { background-position: 100% -200px; }
    .RadTabStripRight_gvip .rtsUL .rtsSelected,
    .RadTabStripRight_gvip .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

    /* </orientation: right> */

    /* </background positioning: tabs with hovers> */

  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 01 Feb 2010 Link to this post

    Hi kks,

    I don't see where you are setting the Skin for your RadTabStrip. Can you post also the skin file from the theme if you are using one?

    Greetings,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top