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

rotating tab labels for side view

1 Answer 119 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Doug
Top achievements
Rank 1
Doug asked on 31 Jan 2020, 10:05 PM

I can rotate the tab labels by putting a css rotate into the <li> entry.  However it doesn't modify the size of the tabs to match.  Is there a way to have the tab strips down the side of the display and have the labels turned 90 degrees so that they fit?

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 04 Feb 2020, 02:08 PM

Hello Doug,

You will need additional custom CSS to style the TabStrip, since the tabs won't auto-adjust their size if you rotate their li elements.

Here's a dojo example which shows a possible approach:  https://dojo.telerik.com/OvUbazId/2

Instead of rotating the li elements, the span with class k-link that contains the tab's text is rotated.

I hope this example points you in the right direction with regard to achieving the desired appearance.

Regards,
Ivan Danchev
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
TabStrip
Asked by
Doug
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or