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

TabStrip scrollable.

2 Answers 408 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Vincent
Top achievements
Rank 1
Vincent asked on 16 Jul 2018, 02:42 PM

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

Sort by
0
Accepted
Stefan
Telerik team
answered on 17 Jul 2018, 07:19 AM
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
0
Vincent
Top achievements
Rank 1
answered on 17 Jul 2018, 08:58 AM

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.

Tags
Wrappers for React
Asked by
Vincent
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Vincent
Top achievements
Rank 1
Share this question
or