Unplanned
Last Updated: 25 Aug 2022 16:59 by Jon

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:

  1. Go to this dojo example: https://dojo.telerik.com/unopUDaQ/7
  2. Follow the instructions in tab 1: scroll down to the bottom of the tab's content and click the button.
  3. The Window shows up, but it is not centered. In Chrome the tab's content is automatically scrolled up a little bit.
  4. On dragging the Window, the mouse cursor is offset from the title.

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)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable
Unplanned
Last Updated: 09 May 2022 16:35 by Waz
Created by: Waz
Comments: 0
Category: TabStrip
Type: Feature Request
1

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.

Unplanned
Last Updated: 14 Jul 2021 06:02 by ADMIN
Created by: Prasanna
Comments: 1
Category: TabStrip
Type: Feature Request
1
Adding checkbox along with tabname would be good feature
Unplanned
Last Updated: 13 Jan 2021 08:39 by ADMIN
Created by: Thor Ludvig
Comments: 1
Category: TabStrip
Type: Feature Request
1

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.

 

 

Completed
Last Updated: 03 Nov 2020 08:01 by ADMIN
Release 2020.R3.SP.next
Created by: Kalinka
Comments: 0
Category: TabStrip
Type: Bug Report
0

Bug report

Reported in Ticket ID: 1472894.

Reproduction of the problem

Reproducible in this demo.

Current behavior

The content of the tab is not focusable.

Expected/desired behavior

The tabs themselves and the active tab's content should be focusable: https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html

Environment

  • Kendo UI version: 2020.2.617
  • jQuery version: x.y
  • Browser: [all ]
Unplanned
Last Updated: 24 Jan 2020 12:32 by ADMIN
Created by: Marcelo
Comments: 0
Category: TabStrip
Type: Feature Request
0
It will be very useful functionality to be able to change a tab title with a double click on it - the same as when one double-click on an Excel spreadsheet.