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

Vertical Tab Width

6 Answers 150 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Nathan
Top achievements
Rank 2
Nathan asked on 31 Mar 2015, 02:15 PM
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.

6 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 02 Apr 2015, 11:10 AM
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!
0
Nathan
Top achievements
Rank 2
answered on 02 Apr 2015, 11:27 AM
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!
0
Dimo
Telerik team
answered on 02 Apr 2015, 12:11 PM
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!
 
0
bart wagner
Top achievements
Rank 1
answered on 06 Aug 2015, 09:21 PM
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. 
0
Dimo
Telerik team
answered on 07 Aug 2015, 11:02 AM
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!
 
0
Nathan
Top achievements
Rank 2
answered on 07 Aug 2015, 01:22 PM

Suggestion is here: 

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

Tags
TabStrip
Asked by
Nathan
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Nathan
Top achievements
Rank 2
bart wagner
Top achievements
Rank 1
Share this question
or