Telerik Forums
Kendo UI for Angular Forum
2 answers
913 views

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.

Martin Bechev
Telerik team
 answered on 23 Nov 2020
2 answers
68 views

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 !

Olivier
Top achievements
Rank 1
Iron
 answered on 23 Nov 2020
1 answer
1.3K+ views

How to set chart series color?

I would like to set the color of pie chart item

 

<kendo-chart-series-item
    type="pie"
    [data]="source"
    field="value"
    [color]="color" // it doesn't work
    categoryField="name" >

 

Hetali
Telerik team
 answered on 22 Nov 2020
1 answer
175 views

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

Mike
Top achievements
Rank 1
 answered on 20 Nov 2020
0 answers
139 views

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.


Dimitris
Top achievements
Rank 1
Veteran
 asked on 20 Nov 2020
1 answer
111 views

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

Svet
Telerik team
 answered on 20 Nov 2020
3 answers
346 views

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,

Martin Bechev
Telerik team
 answered on 20 Nov 2020
1 answer
471 views

Hi,

how to create a function that starts at the click event of the pie chart?

i would to pass the selected item to a function

 

                                     <kendo-chart-series>
                              <kendo-chart-series-item
                                type="pie" [data]="dataSourcePieChart"
                                categoryField="cost" field="cost">
                                    <kendo-chart-series-item-labels
                                        position="outsideEnd"
                                        color="#000"
                                        [content]="labelContent">
                                    </kendo-chart-series-item-labels>
                                </kendo-chart-series-item>
                            </kendo-chart-series>

 

Alex

Hetali
Telerik team
 answered on 19 Nov 2020
2 answers
455 views

 

HI

I have an issue with these import statements. They produce errors when I include them in my code.

import { StatePersistingService } from './state-persisting.service';

import { GridSettings } from './grid-settings.interface';

import { ColumnSettings } from './column-settings.interface';

 

Are there code statements that, I am most probably missing in order for them to work?


Dimitris
Top achievements
Rank 1
Veteran
 answered on 19 Nov 2020
1 answer
104 views

Hi

 

Can you please give or point to an example like the second you have here:https://www.telerik.com/kendo-angular-ui/components/grid/how-to/persist-state/

for the Persistent state of the grid with data from an Endpoint instead of a static JSON file ?

 

Thanks

Dimitris
Top achievements
Rank 1
Veteran
 answered on 19 Nov 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?