Kendo Tab Strip issue with columns rendering

Hello,

We are using the new UI and trying to reproduce something we did on the previous version:

Basically, we were using bootstrap tabs on a list page. Say for example, we have three sections A, B and C. These sections are list of records of different objects.

This three sections would go under Tabs T1, T2, T3. It was mainly DOM manipulation with bootstrap.

Now to achieve the same with the new UI, we are trying to use KendoStrip Tabs.

We are creating the three li (for the three tabs) , then three divs (for the sections under the Tabs), in which we are appending our sections. And because we are hiding the other non active sections, when we display them under their Tabs, they are not displaying properly.

The widths of the columns in the grid are shrinking to zero, so the columns are not showing.

Why is hiding one section affecting the width of the columns when the section is shown back, (appended to the right div..) ?

By resizing these columns we can get this working, but this is not very proper,. Can you give us some help on this please?

Cheers

Meryem

Continue reading...