TabStrip scrollable.

[Vincent]

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.

[Stefan]

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

[Vincent]

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.