TabStrip tabs - responsive to Mobile devices

5 posts, 0 answers
  1. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 23 Sep 2015 Link to this post

    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?

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 24 Sep 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 24 Sep 2015 in reply to Magdalena Link to this post

    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.

  5. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 30 Sep 2015 Link to this post

    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
  6. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 08 Dec 2015 in reply to Ivan Zhekov Link to this post

    Thank you for the example. I helped me understand how to use it on tabstrip.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017