Telerik Forums
Kendo UI for Angular Forum
1 answer
269 views

Hi, 

Is there a way to implement the drag and drop functionality to the grid column, in order to have a custom behavior ?

What I tried:
  1. Get an access to grid internal services or replace them with my custom services. That would allow me to control behavior of components on low level and reuse their events-emitting systems.
  2. Get an access to grid internal components/directives by using @ViewChild(ren). That would allow me to subscribe on events on child components level.
  3. Implement the d&d functionality by myself without kendo-ui grid API by adding custom mouse events listeners on grid container.

What I got:
  1. All services are private (marked as hidden). It's hard to reference them externally. Replacing them with custom implementation didn't work.
  2. Most of the internal components/directives are also private. Didn't get a valid approach (selector for ViewChild) to get required view elements.
  3. Kendo-ui grid sorting, grouping and reordering features for columns suppress most of the mouse events. It works only for columns with these features turned off.

Dimiter Topalov
Telerik team
 answered on 16 Aug 2018
4 answers
881 views

Hi , 

if we set value programatically to the autocomplete then clear is not triggering value change first time.

As I got this related link https://github.com/telerik/kendo-angular/issues/1052 , Saying its resolve in Fixed v1.4.0-dev.201712121657

But is there any quick fix / alternative way available to solve this without updating new version...

Alexander Popov
Telerik team
 answered on 13 Aug 2018
3 answers
523 views
We have implemented Tree map control using Angular 1.5 . Now we planned to upgrade our application to angular 5.
I found kendo-angular-charts,kendo-angular-grid etc were supported by kendo ,But i couldn't find exact package to be added for Kendo tree map using ng add command.

Please advice on this 


Thanks in Advance
Subin
Daniel
Telerik team
 answered on 13 Aug 2018
1 answer
198 views

I want to create a line chart with the bottom port shaded in.  I can accomplish this by adding an Area series with the same data points.  The only issue is when there's a null data point.  For line chart, nulls are not rendered as a point but Area treats it as 0.  Is it possible to fix this behavior?

Sample here: https://plnkr.co/edit/lXZCYxrb3d7ikiCXalhY?p=preview

 

Daniel
Telerik team
 answered on 09 Aug 2018
1 answer
406 views

Hello,

         I am using ContextMenu provided by Kendo UI Angular for grid. However, my question is, how to add "k-selected" class to the row when I right click the row with the default ContextMenu function. The ContextMenu function works, but the row will not be selected, I mean I need to "k-selected" class to the row to make selection more obvious. How can I do that? Thanks for your help.

 

James

Dimiter Madjarov
Telerik team
 answered on 08 Aug 2018
1 answer
2.8K+ views

The MultiSelect component appears to have an invisible textbox section that is allowed for the user to type and search the list.  How can I disable this?  It is very confusing at times because my users want to click the dropdown to select an option but you get no response because your actually clicking inside the textbox portion.  So you have to move your mouse over a bit to leave the textbox then click to bring up your options.  I have tried setting the filterable option to false but no luck.

 

Alternate solution is how I can enable the dropdown options to appear even if I click inside this textbox?

Alexander Valchev
Telerik team
 answered on 08 Aug 2018
4 answers
936 views

Is it possible to format the horizontal axis labels in percentage format (see attached screenshot)?

in .html file:
<kendo-chart-series>
                    <kendo-chart-series-item [data]="chartManagementObj.growthrevpatienttypeData" type="bar"
                                 [labels]="seriesLabels"
                                 field="revenue" categoryField="patienttype">
                    </kendo-chart-series-item>
 
in .ts file:
public seriesLabels: SeriesLabels = {
        visible: true, padding: 3, format: 'p2',
        font: 'bold 12px Arial, sans-serif'
    }

 

Thanks!

 

Chau
Top achievements
Rank 1
 answered on 07 Aug 2018
4 answers
676 views

I have an editable grid based off this example. It works as expected, except that I need each row to have a detail row with a single text field in it, no columns. The EditTemplateDirective doesn't work outside of a kendo-grid-column. Is there another way to do this?

I would like to avoid creating a separate grid within my detail template if possible since this is a single form. 

Here is what I have for my detail template: 

<ng-template kendoGridDetailTemplate let-dataItem>
       {{dataItem.TSRs}}
     <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
         <input  kendoTextBox [value]="dataItem.TSRs" [formControl]="formGroup.get('TSRs')">
     </ng-template>
</ng-template>

 

Thanks!

Rebekah
Top achievements
Rank 1
 answered on 06 Aug 2018
3 answers
1.0K+ views
Kendo ui Grid inline edit field with editorTemplate how to get the template input updated on next row clicked angular2+
Svet
Telerik team
 answered on 03 Aug 2018
3 answers
481 views
I have attached my project in this. I don't know why but my sorting on multiple columns is not working. It takes sorting on only one column at once.

Along with this, I want to select a row by using Shift + Down shortcut. I tried but not able to select a row by using shift+Down. I have to
perform some further operations. but I am not able to do this. 

Kindly, help me with this.

Thanks
Svet
Telerik team
 answered on 02 Aug 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?