Telerik Forums
Kendo UI for Angular Forum
1 answer
143 views

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

Yanmario
Telerik team
 answered on 30 Jun 2021
0 answers
155 views

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,

idnks
Top achievements
Rank 1
 asked on 30 Jun 2021
1 answer
136 views

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

Martin Bechev
Telerik team
 answered on 29 Jun 2021
1 answer
2.4K+ views

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)

 

 

Yanmario
Telerik team
 answered on 25 Jun 2021
0 answers
146 views

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>

vamaw
Top achievements
Rank 1
Iron
Iron
 updated question on 25 Jun 2021
1 answer
120 views

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

Hetali
Telerik team
 answered on 24 Jun 2021
1 answer
49 views

Hi,

 

I have an error on your sample

https://psp3kv--run.stackblitz.io

 

 Type 'string' is not assignable to type 'SelectableMode'.

74             mode: this.mode,
               ~~~~

Regards

Martin Bechev
Telerik team
 answered on 24 Jun 2021
1 answer
580 views

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
 Error:  RangeError: Applying a mismatched transaction. And then the editor CTL function no longer work...
Yanmario
Telerik team
 answered on 23 Jun 2021
1 answer
113 views

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

 

Martin Bechev
Telerik team
 answered on 23 Jun 2021
1 answer
254 views

Hi,

 

I search an elegant way for connecting together mask field and control of this field only in typescript.

Do you have an template ?

I want avoid two separate datas for same field

 

Regards

 

 

Martin Bechev
Telerik team
 answered on 23 Jun 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?