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

TabStrip Skinn Issue

3 Answers 131 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
kks
Top achievements
Rank 1
kks asked on 28 Jan 2010, 09:03 AM
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


3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 28 Jan 2010, 02:35 PM
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.
0
kks
Top achievements
Rank 1
answered on 30 Jan 2010, 07:01 AM
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> */

0
Kamen Bundev
Telerik team
answered on 01 Feb 2010, 09:15 AM
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.
Tags
TabStrip
Asked by
kks
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
kks
Top achievements
Rank 1
Share this question
or