Horizontal line on top of all tabs in TabStrip

1 Answer 23 Views
TabStrip
Stefan
Top achievements
Rank 1
Stefan asked on 08 Jun 2022, 03:20 PM

Hi,

I updated to latest version of Kendo jQery R2 2022. After the update I get an horizontal line on top of the tabstrips tabs if I add this line of code,

var tabStrip1 = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

You can test to add it to your demo tabstrip code, you will get the same result.

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 13 Jun 2022, 10:42 AM

Hello Stefan,

The issue is probably caused by duplicate initialization. I managed to replicate the same appearance when I add the mentioned line of code in our Basic Usage demo as demonstrated below:

$("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
                  
var tabStrip1 = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

The issue was resolved when I removed the duplicate initialization (the second part marked in yellow) and only left the part for getting a reference to the widget`s instance. Here is a Dojo example.

You can read more about the duplicated initialization in the article linked below:

- https://docs.telerik.com/kendo-ui/intro/widget-basics/jquery-initialization#duplicate-initialization

Could you please check and let us know if this is the case also at your end?

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Stefan
Top achievements
Rank 1
commented on 13 Jun 2022, 11:41 AM

Hi Neli,

Yes it solved my problem. Thank you very much for the help.

/Stefan

Tags
TabStrip
Asked by
Stefan
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or