Adding new Tabstrip to a form on click event working but Tabs are not functioning

[Jayesh]

Hi,
I am using Tabstrip of Kendo UI and it is nice.

I am facing one difficulty, any help will be appreciated...

I have one Tabstrip with one table inside one tab of it and based on some event i want to add one more Tabstrip in html form and so on.
I am able to add new Tabstrip, but the only problem I am facing is the newly created Tabstrip is not working properly.

I am not able to change the tabs of newly created Tabstrip, also I am using Datepicker of Kendo UI which is there in the table, that too is not working for newly created Tabstrip.

I also found that it might be because of same name "tabstrip1" for newly created tabstrip but i dont know how to achieve my functionality...

      $(document).ready(function() {
                      $("#tabstrip1").kendoTabStrip({
                          animation:    {
                              open: {
                                  effects: "fadeIn"
                              }
                          }
                      
                      });
                  });


PFA file containing my code and functionality i want

I will be much helpful if I get some solution. and thanks in advance

Regards,
Jayesh.

[Kamen Bundev]

Hello Jayesh,

You're not creating a new TabStrip, you're just copying the #example div's innerHTML but there's no javascript object bound to it to do the actual TabStrip work. In order to get the new TabStrip working, you will need to initialize it after the copy operation, not in $(document).ready() which is fired only when the page is loaded. The same goes for the DatePicker.

All the best,
Kamen Bundev
the Telerik team

[Jayesh]

Hi Kamen,

I am not technically sound in JS, I am copying it because I don't know the way to create new Tabstrip.

My main task is to create new Tabstrip having the same content present in existing tabstrip on click event of button.

I have attached my code snippet, please find custom.html as main file.

if you can modify snippet in attached code and send me then it will be very much helpful.

When "Add Family" button is clicked New Tabstrip should be added down and function independently of existing Tabstrip.

Thanks a lot Kamen for your help.

Regards,
Jayesh.

[Georgi Tunev]

Hello Jayesh,

Providing custom scenarios by request goes beyond the scope of our support services. Also please note that Kendo UI is a JS library so a good JS general knowledge is mandatory for getting acquainted faster with the product.


Greetings,
Georgi Tunev
the Telerik team