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

TabStrip tabs - responsive to Mobile devices

4 Answers 123 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Christian
Top achievements
Rank 1
Christian asked on 23 Sep 2015, 11:53 PM

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

Sort by
0
Magdalena
Telerik team
answered on 24 Sep 2015, 07:12 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Christian
Top achievements
Rank 1
answered on 24 Sep 2015, 07:25 PM

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.

0
Ivan Zhekov
Telerik team
answered on 30 Sep 2015, 06:16 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Christian
Top achievements
Rank 1
answered on 08 Dec 2015, 05:47 PM
Thank you for the example. I helped me understand how to use it on tabstrip.
Tags
TabStrip
Asked by
Christian
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Christian
Top achievements
Rank 1
Ivan Zhekov
Telerik team
Share this question
or