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

Orientation not working

6 Answers 114 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Li Zhou
Top achievements
Rank 1
Li Zhou asked on 06 Sep 2008, 05:00 AM
I am using RabTabStrip.Net2.dll v3.6.6.  I would like the tab to be bottom to top, why following code shows the same orientation as I use TopToBottom?

<

radts:radtabstrip id="tab" Orientation="HorizontalBottomToTop" Runat="server" AutoPostBack="True" SelectedIndex="0" Skin="WebBlue">

<Tabs>

<radts:Tab Text="Tab1" ID="Tab1" Width="100"></radts:Tab>

<radts:Tab Text="Tab2" ID="Tab2" Width="100"></radts:Tab>

<radts:Tab Text="Tab3" ID="Tab3" Width="100"></radts:Tab>

<radts:Tab Text="Tab4" ID="Tab4" Width="100"></radts:Tab>

</Tabs>

</

radts:radtabstrip>

6 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 08 Sep 2008, 08:23 AM
Hello Li Zhou,

In RadTabStrip 3.x vertical orientation works properly only with "vertical" skins - "VerticalLeft" etc.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Li Zhou
Top achievements
Rank 1
answered on 08 Sep 2008, 01:27 PM
I am not talking about Veritcal skin. What I need is showing tab from bottom to the top.  In v.3.6.6, set the property Orientation="HorizontalBottomToTop"  does not have any effect.  Do you have a skin for BottomToTop ?

I just migrate from 2.X to 3.X.  In 2.X, I used custom Css to show BottomToTop effect. But in 3.X, I have to use Skin.

You do have it avaliable in ASP.Net AJAX controls
http://demos.telerik.com/ASPNET/Prometheus/TabStrip/Examples/Functionality/Orientation/DefaultCS.aspx in which HorizontalBottom is what I need.

However, I am still using ASP.Net version controls.

Thanks
0
Atanas Korchev
Telerik team
answered on 08 Sep 2008, 01:43 PM
Hi Li Zhou,

Please excuse me for the misunderstanding. Indeed your question was about the HorizontalBottomToTop orientation. In RadTabStrip 3.x setting the orientation to HorizontalBottomToTop will not visually change the look and feel of the tabstrip because the skin does not support it. As you suggested the RadTabStrip for ASP.NET Ajax WebBlue skin correctly supports that orientation. It is possible to "convert" the new skin to be used by RadTabStrip 3.x if this is what you want. Just let us know.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Li Zhou
Top achievements
Rank 1
answered on 08 Sep 2008, 07:10 PM
Albert,

If you have a skin for WebBlue with HorizontalBottomToTop that can be used in version 3.6.6, could you kindly email to me?  Thanks

Li
0
Alex Gyoshev
Telerik team
answered on 09 Sep 2008, 01:09 PM
Hi Li Zhou,

The skin, attached to this post, should work as requested.

All the best,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Dhiyanes
Top achievements
Rank 1
answered on 29 Aug 2011, 07:27 AM
Hi ,

in the demo they placed multipage and then tabstrip so only tabstrip is below the content page so add like this.

 

<telerik:RadTabStrip OnClientTabSelecting="onTabSelecting" ID="RadTabStrip1" SelectedIndex="0" CssClass="tabStrip"

 

 

runat="server" MultiPageID="RadMultiPage1" Skin="Office2007" OnTabClick="RadTabStrip1_TabClick" Orientation ="HorizontalTop" >

 

 

</telerik:RadTabStrip>

 

 

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated" CssClass="multiPage">

 

 

</telerik:RadMultiPage>

 



tabstrip followed by multipage.that is your content page.
Tags
TabStrip
Asked by
Li Zhou
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Li Zhou
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Dhiyanes
Top achievements
Rank 1
Share this question
or