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.

Hi,

it is possible to find out the item that currently selected or set active by user without drag(event or index).
In my case, i would like to update a neighboring component when the user click an item in the sortable.
Thanks in advance for your answer

Hi,

I just started a news project (angular). I want to apply a custom material dark theme using SCSS. I :

- Created a base dark indigo
- Installed base theme by `yarn add @progress/kendo-theme-material`
- Copied and renamed variables.scss as dark.scss in my themes folder
- Added Google fonts to index.html
- Edited my styles.scss file :

`

/* You can add global styles to this file, and also import other style files */

@import "~@progress/kendo-theme-material/dist/all.scss";
@import 'themes/dark.scss';

body {
  font-family: Roboto, sans-serif;
}

`

Fonts are ok. I can see styles applied on controls according to material design. But dark theme is not applied. Background is white. Any idea ?

Thanks,