Telerik Forums
Kendo UI for Angular Forum
2 answers
76 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.4K+ 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
188 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
147 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
117 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
362 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
488 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
468 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
107 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
1 answer
267 views
I want the drawer to respect the appbar height but i keeps covering all.
 
<kendo-appbar [position]="'top'">
  <kendo-appbar-section>
    <button kendoButton [look]="'clear'">
      <kendo-icon [name]="'menu'"></kendo-icon>
    </button>
  </kendo-appbar-section>
  <kendo-appbar-section>
    <h1 class="appbar-title">{{ title }}</h1>
  </kendo-appbar-section>
  <kendo-appbar-spacer></kendo-appbar-spacer>
</kendo-appbar>
 
<kendo-drawer-container>
  <kendo-drawer #menuDrawer [mode]="menuDrawerMode" [expanded]="menuDrawerExpanded">
    <ng-template kendoDrawerHeaderTemplate >
      <div kendoRippleContainer>
        <button kendoButton [look]="'flat'" style="display: block; width: 100%;">
          <kendo-icon [name]="'arrow-left'" [size]="'medium'"></kendo-icon>
        </button>
      </div>
    </ng-template>
  </kendo-drawer>
  <kendo-drawer-content>
    <router-outlet></router-outlet>
  </kendo-drawer-content>
</kendo-drawer-container>
Martin Bechev
Telerik team
 answered on 19 Nov 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?