Telerik Forums
Kendo UI for Angular Forum
1 answer
134 views
on you demo app "Custom Editing in Reactive Forms"  add edit function is not working
Alex Gyoshev
Telerik team
 answered on 25 Dec 2017
1 answer
298 views

Is it possible to create a dynamic ButtonGroup like this?

 

<kendo-buttongroup selection="single">
    <div *ngFor="let label of labels" >

<button kendoButton [togglable]="true" [icon]="" >label</button>
</div>
</kendo-buttongroup>

Dimiter Topalov
Telerik team
 answered on 22 Dec 2017
3 answers
599 views

Hello,

I have a Grid with a column where I use an async pipe to format the displayed value using a custom cell template

<ng-template kendoGridCellTemplate let-dataItem>
{{dataItem.Value | myPipe}}>
</ng-template>

 

Unfortunately I could not find a way to do this same transformation for the exported data. Is there a way to use async pipes or pipes in general in combination with the Excel export functionality?

Regards,
  // Lukas

Dimiter Topalov
Telerik team
 answered on 22 Dec 2017
1 answer
774 views
Is it possible to use FontAwesome with controls such as Button or PanelBarItem in Kendo UI for Angular?  
Dimiter Topalov
Telerik team
 answered on 21 Dec 2017
5 answers
775 views

Hi,

I successfully managed to make the Add, save and cancel functionalities in the toolbar of my grid but kendoGridEditCommand doesn't work. I enabled selectedKeys so I have an active row. How can I edit/delete a row using toolbar buttons? Can you provide my an example?

<ng-template kendoGridToolbarTemplate>
    <button (click)="onToggleFilterBar()" class="k-button k-filter-button">
        <i class="fa fa-filter" aria-hidden="true"></i>
    </button>
    <button kendoGridAddCommand class="k-button k-add-button">
        <i class="fa fa-plus-circle" aria-hidden="true"></i>
    </button>
    <button kendoGridEditCommand class="k-button k-edit-button">
        <i class="fa fa-pencil-square" aria-hidden="true"></i>
    </button>
    <button kendoGridSaveCommand class="k-button k-save-button" [disabled]="formGroup?.invalid">
        <i class="fa fa-floppy-o" aria-hidden="true"></i>
    </button>
    <button kendoGridCancelCommand class="k-button k-cancel-button">
        <i class="fa fa-times-circle" aria-hidden="true"></i>
    </button>
</ng-template>
Dimiter Topalov
Telerik team
 answered on 20 Dec 2017
1 answer
2.7K+ views
Is there a way to simply install all kendo components?  It's kind of annoying to every time I need a component to run another npm install command.
Dimiter Topalov
Telerik team
 answered on 18 Dec 2017
1 answer
2.1K+ views

How to tap in to the click event of the "+" expand "-" collapse click events. Clicking on the row triggers the "cellClickHandler($event)", I need it to be able to handle detail click as an event also.

<kendo-grid [data]="mainData" (cellClick)="cellClickHandler($event)" >

    <kendo-grid-column>

        // column stuff

    </kendo-grid-column>

    <kendo-grid-column>

        // more column stuff

    </kendo-grid-column>

    <ng-template kendoGridDetailTemplate>

        <table> // stuff </table>

    </ng-template>

</kendo-grid>

Dimiter Topalov
Telerik team
 answered on 15 Dec 2017
1 answer
271 views

In trying to move the Master-Detail Grid example from the Telerik site [ https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/ ] to a VS Code solution, I am greeted by the following error when the solution is served;

"ERROR in src/app/category-details.component.ts(44,39): error TS2345: Argument of type 'Object' is not assignable to parameter of type '{ CategoryID: number; }'."

I have found some threads suggesting this may be due to a change in Angular 2.2.

Any thoughts as to why this solution still works as a Plunker, yet not as a VS Code solution; what am I missing here?

Steve
Top achievements
Rank 1
 answered on 12 Dec 2017
2 answers
592 views

I've been using the InCellEditing and GridBinding directives with the KendoGrid in the way shown in your InCellEditing Example (https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-directives/#toc-the-in-cell-directive)

What I've needed to do recently is (ideally) subscribe to an Observable that would give me give me all the current data in the grid every time some data has been changed (added/updated/removed).

I went digging through the grid code base and saw that the Grid & InCellEditingDirective is injected with a LocalDataChangesService. I'd love to be able to access this service too so that I can consume a stream of change events.

Is there an easy way to achieve this?

Svet
Telerik team
 answered on 08 Dec 2017
3 answers
758 views

Is it possible to render the legend marker as a line matching the dash types (i.e. dot, dash, solid).

 

In this plunker for instance, two line series have the same colour but differentiate on dash type and I want the legend to reflect that.

 

http://plnkr.co/edit/SRAahc7NN9LRDiq9EfLt?p=preview

 

Svet
Telerik team
 answered on 07 Dec 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?