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.
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
0
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:
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
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!
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
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
>> 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
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
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