Hi

Am trying to use a TabStrip, integrated with a RouterOutlet to display the tab content.  The module in question has it's own routing, and I hoped to map the router links to tab headers, and thus an outlet for the content.

Without native support for it, I have attempted to place the <router-outlet> in the kendoTabContent element, and manually use the Angular Router on the tabSelect event.   However, on tab change, the router-outlet is destroyed on the old and recreated on the new tab. 

Add in the router navigating and changing the content for router-outlet, and I'm in a lifecycle hook nightmare that isn't feasible the way I have attempted to approach it.   The current component on display in the outlet is destroyed and then instantly recreated as the tab switches, and then router navigation takes over and changes it again.

I wanted to ask if there is any planned support for Router integration for TabStrip, like other Layout components have, and/or has anyone had success attempting similar?

Thanks

Hi

In your sample https://www.telerik.com/kendo-angular-ui/components/notification/types/ and https://6yuvdu--run.stackblitz.io on notification type, when i try to running sample Type is undefined ?

Error: src/app/app.component.ts:20:18 - error TS2304: Cannot find name 'Typе'.

Why

Regards

Hi, 

I'm working on using Draw and Export a Signature feature to save a drawn object in SVG format while it works on the desktop browser on Mouse event but not working on Mobile browser by Touch event, and is there a way to implement this feature works by Touch event on mobile browser?

Thanks,

How should I hide the field name and get only the content inside the field to show as my grouping variable?

For example:

Instead of getting

driverID : 1

                      all my content

I want only

1

                    all my content

I want to reset the filter settings without making the call again. I need to do this because at the change of page I have to set the grid without filters but without call the function again because the data are the same

This is my component:

 
 gridData: GridDataResult;
  state: State = {
    skip: 0,
    take: 25
  };

  clearState: State = {
    skip: 0,
    take: 25
  };

  //DATASOURCE
  products: any[] = [];

  public dataStateChange(state: DataStateChangeEvent): void {
    this.state = state;
    this.gridData = process(this.products, this.state);
  }

public filterChange(filter: CompositeFilterDescriptor): void {
    this.filter = filter;
    this.products = filterBy(this.products, filter);
  }

public clearFilters() {
  this.state = this.clearState;
  this.gridData = process(this.products, this.clearState);
}

public getProducts(){
    this.myService.getData(year).subscribe(data => {
      this.products= data;
      this.gridData = process(data, this.state);
    });
}



                                    

    <kendo-grid
            [data]="gridData"
            [pageSize]="state.take"
            [skip]="state.skip"
            [sort]="state.sort"
            [filter]="state.filter"
            [sortable]="true"
            [pageable]="true"
            [filterable]="true"
            [selectable]="true"
            [resizable]="true"
            (filterChange)="filterChange($event)"
            (dataStateChange)="dataStateChange($event)">
                    <ng-template ngFor [ngForOf]="columns" let-column>
                        <kendo-grid-column
                            width="{{column.width}}"
                            format="{{column.format}}"
                            filter="{{column.filter}}"
                            field="{{column.value}}"
                            title="{{column.title}}">
                        </kendo-grid-column>
                    </ng-template>
   </kendo-grid>

if I call the clearFilters function the filters are reset but the arrows remain on the previously filtered columns. then the data in the table returns as originally but the css part of the table remains filtered (attached img)

Hi

I have an Reactive Form with 3 kendo-button

"save" "cancel" and "addPhoneNumber"

This last button add an array with two input textField, BUT it execute code to ""onSaveButtonClick" Event !

How avoid this and execute code "addTelephoneNumber"

Regards

  <form *ngIf="formCreate" [formGroup]="formCreate" (ngSubmit)="onSaveButtonClick()">

    <div class="col-xs-12">
      <button kendoButton iconClass="fa fa-times" id="annulerContactBtn" class="k-primary k-button ng-hide"
              (click)="onCancelButtonClick()"
              [disabled]="isLoading"
      >
        {{'button.cancel' | translate | titlecase}}
      </button>
      <button kendoButton iconClass="far fa-save" id="sauvegarderContactBtn" class="k-primary k-button ng-hide"
              [primary]="true"
              [disabled]="formCreate.invalid || isLoading"
      >
        {{'button.save' | translate | titlecase}}
      </button>

.....
......

  <button kendoButton look="clear" icon="image"
          (click)="addTelephoneNumber()"> {{'contact.edit.button.addtelephone' | translate}}</button>
</label>

</form>

when I try to login to telerik using cmd I faced to attached error.

I run this command:
npm login --registry=https://registry.npm.telerik.com/ --scope=@progress

Hi,

I have an error on your sample

I am implementing the use of the editor in my application and have found on many occasions that the editor throws an error when using the CTL + i to turn on the italicize function. 

Steps to repro.

1. Type some text into the editor.
2. press CTL + i to turn on italicize
3. type some text
4. press CTL + i to turn off italicize
5. type a space
6. press CTL + i to turn on italicize

Hi,

Could i make all validation like Mask only in HTML File ?

Like this ?

@Component({
    selector: "my-app11b",
    template: `
        <form #templateForm11b="ngForm" novalidate>
            <p>Enter valid postcode (A9 9AA)</p>
            <kendo-maskedtextbox
                    name="value1"
                    [(ngModel)]="value10b"
                    [mask]="A9 9AA"
                    [maskValidation]="true"
            ></kendo-maskedtextbox>
            <button [disabled]="!templateForm11b.valid" type="submit" class="k-button">
                Submit
            </button>
        </form>
    `,
})
export class AppComponent11b {
    public value10b = "M1 1AE"; //only data
}

Regards