Vertical Tab Width

7 posts, 0 answers
  1. Nathan
    Nathan avatar
    39 posts
    Member since:
    Sep 2011

    Posted 31 Mar 2015 Link to this post

    With the new Vertical type tabs, is there a way to change the default width/size from 35x31 to say, 32x32.

    The tabs look odd then they are wider than taller, especially as I'm using a square image instead of text.

    Also, please can we have vertical text... the side tabs are handy but they would make more sense if the text was at 90 degrees rather than flat as flat text would take up too much of the page, reducing the controls usefulness.
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 02 Apr 2015 Link to this post

    Hi Nathan,

    The TabStrip's vertical tabs have no default sizes, but have paddings, which are designed for text content. You can tweak them to your liking with CSS:

    #YourTabStripID  .k-tabstrip-items  .k-link
    {
       padding: 0 0 0 0;
    }

    There is no standard-compliant and cross-browser way to implement vertical text. Moreover, if the tab text is vertical, the tabs will become higher and fewer tabs will fit in a given vertical space. This will pretty much defeat the purpose of vertical tabs, which now allow to accommodate a larger (or unknown) number of tabs on a reasonable amount of space.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Nathan
    Nathan avatar
    39 posts
    Member since:
    Sep 2011

    Posted 02 Apr 2015 in reply to Dimo Link to this post

    Thanks, altering the paddings worked.

    I know there is no standard way to do vertical text (although it should really have been in the HTML standard for day 1) but you seemed to have got the hang of it in graphs etc and was hoping it would be a feature of the tabs...  would expect many people will want it... usually when you see vertical tabs the writing is vertical too.  I think one-note is the exception to this!
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 02 Apr 2015 Link to this post

    Hello Nathan,

    >> but you seemed to have got the hang of it in graphs etc

    The Diagram and the other DataViz widgets are based on SVG, which is a completely different story :)

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. bart wagner
    bart wagner avatar
    8 posts
    Member since:
    Feb 2006

    Posted 06 Aug 2015 in reply to Nathan Link to this post

    I completely agree Nathan.  Adding the tabstrip vertical text is essential to the mobile tabstrip.  If it can't have vertical text it is quite useless for mobile. Takes too much space. 
  7. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 07 Aug 2015 Link to this post

    Hello,

    I am afraid we have no plans to implement vertical text for the time being, due to the reasons mentioned above. However, you can vote for the discussed feature in our feedback portal, so that we can consider introducing it in the future, depending on its popularity.

    http://feedback.kendoui.com/forums/127393-kendo-ui-feedback

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Nathan
    Nathan avatar
    39 posts
    Member since:
    Sep 2011

    Posted 07 Aug 2015 Link to this post

    Suggestion is here: 

    http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/9216129-vertical-text-option-on-tabstrip-when-tabposition

Back to Top
Kendo UI is VS 2017 Ready