This is a migrated thread and some comments may be shown as answers.

How 2 hidden a tab item or set tab item invisible?

2 Answers 757 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Vincent
Top achievements
Rank 1
Iron
Vincent asked on 14 Mar 2019, 09:54 AM
How 2 hidden a tab item or set tab item invisible?

2 Answers, 1 is accepted

Sort by
0
Vincent
Top achievements
Rank 1
Iron
answered on 14 Mar 2019, 10:10 AM
            var itemSchema = document.getElementById("TiSchema");
            itemSchema.style.visibility = "hidden";  

0
Marin Bratanov
Telerik team
answered on 18 Mar 2019, 04:37 PM
Hi Vincent,

The visibility:hidden rule does not render the element, but keeps its box as whitespace. If you want to truly hide an HTML element, you should use display: none. This applies for any content, not just content inside a tab strip. This also applies to hiding an element form the tab list. Here's an example I made for you: https://dojo.telerik.com/@bratanov/UTamuYOz.

In case you want to remove an entire tab from the Kendo TabStrip, you should use its remove() method: https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/remove.


Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
TabStrip
Asked by
Vincent
Top achievements
Rank 1
Iron
Answers by
Vincent
Top achievements
Rank 1
Iron
Marin Bratanov
Telerik team
Share this question
or