Describe the bug
Scenario: a Window appended to the content of a TabStrip tab. If the content is scrolled down, when you open the Window it does not appear centered. Reproducible only with the SASS themes.
To reproduce
Steps to reproduce the behavior:
Expected behavior
The behavior with the LESS themes is the expected one. The Window appears centered and there is no offset when dragging it.
Affected package (please remove the unneeded items)
Affected suites (please remove the unneeded items)
Affected browsers (please remove the unneeded items)
Build system information (please remove the unneeded items)
Add an option to use template items in the TabStrip, similar to the ones available in the ToolBar component:
items.Add().Template("<label for='dropdown'>Format:</label>");
This would allow using Html and components in the TabStrip's header.
When working with a dynamically setup of the tabstrip, and hiding/showing tabs according to the data entered in a form, I use jquery scripts to do the logical setup.
Each tab is referenced in the script by their array position:
var tbs = $("#tabstripDetail").data("kendoTabStrip");
$(tbs.items()[0]).hide();
$(tbs.items()[4]).show();
tbs.select(4);
For some functions I move/duplicate field from models according to the different customers needs, and to avoid several fields on the form with the same id/name I remove tabs from the collection.
tbs.remove(4);
By doing this the array of tabs are changed, and I have to keep track of which array number each tab has compared to the initial number.
My suggestion is that each tab could be named so that it is possible to keep references of the tabs by logical names and avoid array numbers.
tbs.remove("maritimeProducts");
This functionality will simplify working with show, hide, remove, select of single tabs.