Hi,
I'm using the tabstrip control for a complex form for the user to fill out. I am trying to find a way to preload all contents of each tab in the tabstrip to ensure all the controls are rendered. This is required for my validations to work correctly.
I did not see any property on the Tab or TabStrip control to achieve this. Am I missing something?
Regards,
Ruud
Hello, Ruud,
This is converted to a feature request and this is the public link:
https://feedback.telerik.com/kendo-react-ui/1453789-preload-tabstriptabs-in-tabstrip-control
We will monitor the interest in this item and plan it accordingly.
Regards,
Stefan
Progress Telerik
Hi Stefan,
That would be great if you can convert this to an official feature request. Thanks!
Regards,
Ruud
Hello, Ruud,
As indeed this will only render the container, but the content will be preserved once it is opended.
In this case, I can suggest converting this to an official feature request for an option to render all tabs initially.
The option will be disabled by default and only enabled with a property.
If you would like, I can convert this thread to an official public request.
Regards,
Stefan
Progress Telerik
Hi Stefan,
Thanks; I do use this property already, but it does not load the tabs when rendering the tabstrip control itself; only the one configured as selected. To load the components in the other tabs you have to open them first. But I need the components on all the tabs to be rendered directly when the tabstrip itself is rendered.
Hello, Ruud,
The property keepTabsMounted should do the trick as it is rendering all tabs and only changing their display attribute:
https://www.telerik.com/kendo-react-ui/components/layout/api/TabStripProps/#toc-keeptabsmounted
I hope this is helpful.
Regards,
Stefan
Progress Telerik