Completed
Last Updated: 16 Sep 2021 17:22 by ADMIN
Created by: Holger
Comments: 21
Category: TabStrip
Type: Feature Request
77
Make the TabStrip component scrollable, like the counterpart (http://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs) in Kendo UI for JQuery is.
Unplanned
Last Updated: 17 Aug 2021 08:52 by ADMIN
Created by: Ege
Comments: 0
Category: TabStrip
Type: Feature Request
2
Provide support for placing utility items on the tabstrip, next to the tab items. For example buttons, inputs, etc.
Declined
Last Updated: 27 Jul 2021 11:40 by ADMIN
In TabStrip control with angular 7: when moving to another tab and hitting ngAfterViewInit() on that tab's component -> previous tab's component still exists - showing 2 components together.
Unplanned
Last Updated: 26 Jul 2021 06:15 by ADMIN
Created by: Imported User
Comments: 0
Category: TabStrip
Type: Feature Request
13
Reorder tabs with drag and drop like so: http://demos.telerik.com/kendo-ui/sortable/integration-tabstrip
Completed
Last Updated: 13 Jul 2021 14:30 by ADMIN
It seems to be impossibly hard to make it so that when a TabStrip is in a container that the content area is able to fill the remaining space rather than fitting to the content.  

I have seen that there are work arounds for what appears to be the same issue for the jQuery KendoUI library but it looks like a hack rather than a true solution.  (One shouldn't have to go to the code behind to make this happen).

A simple "fillRemainingSpace" (or similar) would be perfect and have the TabStrip handle the rest.

I expect this is pretty common scenario for anyone making application like UI websites.
Declined
Last Updated: 22 Jun 2021 14:02 by ADMIN
Provide a class input property, or a similar approach, for the TabStripTab component, that will help us to add and remove a custom CSS class based on a condition.
Declined
Last Updated: 21 Jun 2021 12:56 by ADMIN
Created by: Imported User
Comments: 2
Category: TabStrip
Type: Feature Request
1
I need some extra view of Tabstripe title like icon title and close button so can we add html title so good design of tabstripe title
Completed
Last Updated: 15 Jun 2021 15:16 by ADMIN
Created by: ian
Comments: 2
Category: TabStrip
Type: Feature Request
2
Implement OnChange Events for tabs.
Unplanned
Last Updated: 19 Feb 2021 06:46 by ADMIN
Created by: Pieter
Comments: 1
Category: TabStrip
Type: Feature Request
6

Hi Kendo UI

 

We had to programmatically select the correct tab. We used the selectTab method of the TabStripComponent.
We found it quite hard to detect the correct index, because we had to dynamically hide (with ngIf) a tab.
Checking on the title of the SelectEvent is possible, but this title is sometimes translated, it is not that convenient.

 

My collegue prepared a stackblitz to illustrate the problem. https://stackblitz.com/edit/angular-kendo-tabstrip-ngif?file=app/app.component.ts

Our suggestion is to add an extra (optional) id to the SelectEvent.
And that id should be the id of the tab, if the id of the tab has been set.

<kendo-tabstrip (tabSelect)="onTabSelect($event)">
        <kendo-tabstrip-tab [title]="'Paris'" [selected]="true" id="parisTab">
          <ng-template kendoTabContent>
            <p>
            Paris
            </p>
          </ng-template>
        </kendo-tabstrip-tab>
        <kendo-tabstrip-tab [title]="'New York City'" *ngIf="isNyVisible" id="nyTab">
          <ng-template kendoTabContent>
            <p>
              The City of New Yo
             </p>
            </ng-template>
          </kendo-tabstrip-tab>
          <kendo-tabstrip-tab [title]="'Antwerp'" id="antwerpTab">
          <ng-template kendoTabContent>
            <p>
              Antwerp
             </p>
            </ng-template>
          </kendo-tabstrip-tab>
       </kendo-tabstrip>

public onTabSelect(e: SelectEvent) {
    console.log(e.index, e.title, e.id);
    // Challenge: How to determine which tab is selected?
    // e.index is not reliable if there is a ngIf on one of the Tabs
    console.log('isNySelected', e.index === 1); // Wrong results if NY Tab has ngIf="false"
    // Possible solution: Allow to provide an ID on the kendo-tabstrip-tab
    console.log('isNySelected', e.id=== "nyTab"); // Always correct. Nice...
  }

Kind regards

Pieter


Duplicated
Last Updated: 23 Mar 2020 16:42 by ADMIN
Created by: Patrick
Comments: 1
Category: TabStrip
Type: Feature Request
2

When the tabstrip have multiple tab within a limited width, the tabs are rendering outside the limit of the tab.

The component behavior should (perhaps by options configuration):

  • Scroll to show all tabs
  • Hide the non-visible tab and render a drop down to select additional tabs
  • Render the tab on a second line

This can be reproduced using the StackBlitz of the tabstrip.

Thank you.

Unplanned
Last Updated: 01 Mar 2020 00:00 by Paul
Created by: jean-philippe
Comments: 4
Category: TabStrip
Type: Feature Request
26
As the panel bar seems to support it it would be appreciable to have support for routes in the tabstrip component.
Unplanned
Last Updated: 15 Feb 2019 09:08 by ADMIN

Like the SAPUI5 object page control, it is a tabstrip with horizontal orientation of the tab headers but vertical allignment of all tab sections within the tab content container. If the user clicks on one tab header, the tab content container will be scrolled down to the tab section linked to the tab header.

 A preview is given in the link below. 

ObjectPage

 

Yours

Stephan 

Declined
Last Updated: 22 Jan 2019 08:59 by ADMIN
Created by: Christopher
Comments: 1
Category: TabStrip
Type: Bug Report
1

As you can see from the image below the tab strip tabs can keep getting added and they do not care where the parent DIV or any other container ends. It would be appropriate for them to allow for scrolling if it goes outside the width of its container.

 

This is the way it is handled in jQuery

https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs

 

Completed
Last Updated: 17 Jul 2018 14:56 by ADMIN
Created by: ian
Comments: 4
Category: TabStrip
Type: Feature Request
10
Vertical or Horizontal orientation of tab strips.

Default to horizontal.