TabStrip tabs - responsive to Mobile devices

[Christian]

Hi, I have been using RadTabStrip to create 8 tabs in a horizontal line and want to make responsive to mobile devices (small screens). I have used scrollChildren  but it is not what I am looking for. Is there any other way to manipulate Tabstrip in such way?

[Magdalena]

Hello Christian,

Could you please clarify what is your expectation for responsive layout of the RadTabStrip? If it is possible, we could try to find out a solution to customized CSS of the control.

Regards,
Magdalena
Telerik

[Christian]

I would like to manipulate the complete TabStrip to make each tab inside be justified and centered. Without ScrollChildren, it does the trick, but the tabs are ​misaligned. If I choose justifying them, tabs start eating tab names​ while screen shrinks.

Below is the basic idea.

[Ivan Zhekov]

Hello, Christian.

That particular idea can be achieved quite easily by using just a bit of media queries.

Attached, you will find a sample page that shows this in action -- just resize your browser to 720px or smaller.

Regards,
Ivan Zhekov
Telerik

[Christian]

Thank you for the example. I helped me understand how to use it on tabstrip.