painting issue when switching tabs

[Jyothi]

Hi,

I am using kendo-tabstrip-tab. In each of the tab's content I have a kendo-grid. When we switch between the tabs, there is painting issue.I see the following information on your website.

"By default, the component either creates the content of all its tabs when it is initialized or creates the content of each tab when the tab becomes active. When the

When set to true, the component renders all tabs and they are persisted in the DOM. By default, keepTabContent is false.tab is not in use anymore, the TabStrip destroys it. This specific default behavior depends on the value of the keepTabContent option.

"

Where do I set keepTabContent=true ? Will this solve the painting issue when we switch between tabs.

Regards,

Jyothi

[Dimiter Topalov]

Hi Jyothi,

Setting the keepTabContent option to true should create all tabs content, and keep it in the DOM when switching between tabs, so it should resolve the described issue. It is a top-level TabStrip component input, set in the kendo-tabstrip markup like so:

<kendo-tabstrip ... [keepTabContent]="true" ...>

https://stackblitz.com/edit/angular-mrypbn-l7dmvx?file=app/app.component.ts

I hope this helps, but if the issue persists, please describe it in further details, and ideally send us a similar isolated runnable project where it can be observed, so we can inspect if further, determine what is causing it, and try to suggest a solution that is best suitable to the specific use case. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik