Hi,

I am trying to use a kendo-formfield that contains a list of radio buttons that are dynamically generated by an ngFor. But it errors out with: 

The `kendo-formfield` component should contain only one control of type NgControl with a formControlName.

If I define the radio buttons statically in the html template then it works. So I think this is a bug.

Doesn't work:

  <kendo-formfield>
    <kendo-label text="Document type"></kendo-label>
    <ul class="k-radio-list">
      <li class="k-radio-item" *ngFor="let documentType of documentTypes">
        <input type="radio" #documentType [value]="documentType.id" kendoRadioButton formControlName="documentType" />
        <kendo-label class="k-radio-label" [for]="documentType" [text]="documentType.name"></kendo-label>
      </li>
    </ul>
    <kendo-formerror>This field is required</kendo-formerror>
  </kendo-formfield>

Works:
  <kendo-formfield>
    <kendo-label text="Document type"></kendo-label>
    <ul class="k-radio-list">
      <li class="k-radio-item" >
        <input type="radio" #documentType1 value="documentType1" kendoRadioButton formControlName="documentType" />
        <kendo-label class="k-radio-label" [for]="documentType1" text="documentType1"></kendo-label>
      </li>

      <li class="k-radio-item" >
        <input type="radio" #documentType2 value="documentType2" kendoRadioButton formControlName="documentType" />
        <kendo-label class="k-radio-label" [for]="documentType2" text="documentType2"></kendo-label>
      </li>
    </ul>
    <kendo-formerror>This field is required</kendo-formerror>
  </kendo-formfield>

Of course we want dynamic data instead of hardcoded values! So can this please be fixed?

How do I format kendo date picker to include the AM/PM designator? A format string of "MM/dd/yyyy h:mm tt" renders as "11/20/2020 2:09 tt". The "tt" has not been replaced with AM or PM. This is for an angular 10 project with typescript. Kendo version "kendo-angular-dateinputs" is 4.4.0 according to my package.json. It was installed using the instructions here: https://www.telerik.com/kendo-angular-ui/components/dateinputs/.

When exporting PDF files we can set which pages we want to include in the pdf, but if we do show we will also include columns hidden by the user. Is there any option to avoid this. Is there an option to declare just the fields we want to exclude from the export? For example I have an actions column with  edit, delete actions in that column and I don't want to include it in the PDF or EXCEL exports. But I want to include only the VISIBLE columns.

I tried something like this:

<kendo-grid-pdf fileName="my.pdf" [allPages]="true" [landscape]="true" paperSize="A4" [repeatHeaders]="true" [scale]="0.8">
      <kendo-grid-pdf-margin top="1cm" left="1cm" right="1cm" bottom="1cm"></kendo-grid-pdf-margin>
      <kendo-grid-column field="actions" hidden="true" ></kendo-grid-column>
</kendo-grid-pdf>

but this takes 'actions' as the only column to export in the PDF.

Hi there,

I worked with other frameworks in the past (bootstrap, PrimeNG, Vuetify...), and everytime there was a possibility to apply a class to button like class="btn-error". After digging documentation, I can't see such option with kendo-ui angular.

You may say I could apply style on buttons, but I would have preffer a class reffering directly to theme, in order to keep consitency when we will send our app to a webdesigner.

The question is : am I missing something in the docs ? Or is this not supported ATM ?

Thank you !

How to set chart series color?

I would like to set the color of pie chart item

After installing kendo-angular-treelist, I am getting the following errors when building my project:

ERROR in node_modules/@progress/kendo-angular-treelist/dist/es2015/editing/base-command.directive.d.ts(12,31): error TS2415: Class 'BaseCommandDirective' incorrectly extends base class 'ButtonDirective'.
  Property 'onClick' is protected in type 'BaseCommandDirective' but public in type 'ButtonDirective'.
node_modules/@progress/kendo-angular-treelist/dist/es2015/excel/excel-command.directive.d.ts(33,5): error TS2416: Property 'onClick' in type 'ExcelCommandDirective' is not assignable to the same property in base type 'ButtonDirective'.
  Type '(e: any) => void' is not assignable to type '() => void'.
node_modules/@progress/kendo-angular-treelist/dist/es2015/pdf/pdf-command.directive.d.ts(33,5): error TS2416: Property 'onClick' in type 'PDFCommandDirective' is not assignable to the same property in base type 'ButtonDirective'.
  Type '(e: any) => void' is not assignable to type '() => void'.

Version:

@progress/kendo-angular-treelist: 2.0.1

@progress/kendo-angular-buttons: version: 4.4.2

You have an example of how to export to Excel and PDF here:

https://www.telerik.com/kendo-angular-ui/components/grid/api/ExcelCommandDirective/

But how can we call it from the component and not from the HTML view? I want to add both Export Icons to a dropdown list if there is an easier way to implement this please reply.

In general most of the code examples are only for the HTML view based on <ng-...> tags and not how to do the same thing from the component. It would be really helpfull if you could also add examples of doing the same actions from the components.