TabStrip scrollable.

3 posts, 1 answers
  1. Vincent
    Vincent avatar
    15 posts
    Member since:
    Mar 2014

    Posted 16 Jul 2018 Link to this post

    Hello,

    I'm trying make a TabStip scrollable with the React component.
    By default the scrollable propertie is false, How can I set it to true using the React Component ?

    I checked this, but this is using Jquery.

    I tried : 

    public componentDidUpdate() {
      $(".k-tabstrip").kendoTabStrip({
        scrollable: true,
      });
    }

    But using this each time my component is update, is not really good...

    And some weird bugs show up. (here)

    This occurs when there is enought space to display all the tabs. When the last one is closed.

    So 2 questions :
    - How to make a scrollable TabStrip using the React component ?
    - And if it's not possible, What viable alternative have we ?

    Regards,
    Vincent.

  2. Answer
    Stefan
    Admin
    Stefan avatar
    2918 posts

    Posted 17 Jul 2018 Link to this post

    Hello, Vincent,

    Thank you for the details.

    If the wrapper version of the component is used, the scrollable options can be added directly as a parameter to the component when it is initialized.

    I made an example demonstrating this:

    https://next.plnkr.co/edit/R0ks1MiPpmX4KGMt

    I hope this is helpful.

    Regards,
    Stefan
    Progress 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. Vincent
    Vincent avatar
    15 posts
    Member since:
    Mar 2014

    Posted 17 Jul 2018 in reply to Stefan Link to this post

    Hello,

    It's seems that I was using "@progress/kendo-react-layout" an not "@progress/kendo-layout-react-layout"

    That's why I didn't have access to all Props.

    Thanks.

Back to Top