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