Orientation not working

7 posts, 0 answers
  1. Li Zhou
    Li Zhou avatar
    26 posts
    Member since:
    Nov 2004

    Posted 06 Sep 2008 Link to this post

    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>

  2. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 08 Sep 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Li Zhou
    Li Zhou avatar
    26 posts
    Member since:
    Nov 2004

    Posted 08 Sep 2008 Link to this post

    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
  5. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 08 Sep 2008 Link to this post

    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.
  6. Li Zhou
    Li Zhou avatar
    26 posts
    Member since:
    Nov 2004

    Posted 08 Sep 2008 Link to this post

    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
  7. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 09 Sep 2008 Link to this post

    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.
  8. Dhiyanes
    Dhiyanes avatar
    2 posts
    Member since:
    Aug 2011

    Posted 29 Aug 2011 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017