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?
4 Answers, 1 is accepted
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.
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.
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.