Questions tagged [kendo-ui-angular2]

Kendo UI for Angular is a commercial UI toolkit for Angular 4+

Filter by
Sorted by
Tagged with
0 votes
1 answer
16 views

Access Filtered Record Count in Kendo Grid for Angular When Using kendoDataBinding

I have a kendo grid defined in a component something like this: <p> Showing (filtered record count) of (total record count) </p> <kendo-grid [kendoGridBinding]="data" [...
Jason's user avatar
  • 3,942
0 votes
0 answers
25 views

Angular2 Kendo-Datepicker - Input as custom text

Is it possible to have a kendo-datepicker without 'sections' (ddMMyyyy, ... - Example), write custom strings to input without limitations and then format it ? It was possible in kendo datepicker for ...
martin-macej's user avatar
0 votes
1 answer
81 views

Kendo Angular tooltip position bottom triangle is overlapping

I am using the Kendo Angular tooltip. While the default positioning at the top works fine, I encounter an issue when positioning it at the bottom, as the tooltip triangle overlaps with the content. ...
winston dsouza's user avatar
0 votes
0 answers
32 views

Kendo UI for Angular align labels in CategoryAxis

I have a problem with the pdf extraction of Kendo Ui for Angular. I can't manage to align properly the labels of the bar chart in the image. labels not align properly I tried all the attributes on ...
lixventu's user avatar
0 votes
0 answers
27 views

Kendo Grid - Rebind kendoGridFilterCellTemplate filter after columns updated

I have an array of ColumnDefinition objects which I am using to populate kendo-grid-columns. Some columns have a custom row filter, using ng-template and kendoGridFilterCellTemplate. My users have the ...
joe_sutton's user avatar
0 votes
0 answers
58 views

Can't bind to 'filterable' since it isn't a known property of 'kendo-grid-column' in angular 16

compile error Error: src/app/user-management/user-management.component.html:77:61 - error NG8002: Can't bind to 'filterable' since it isn't a known property of 'kendo-grid-column'. 1. If 'kendo-grid-...
Subhash Ekkaluru's user avatar
2 votes
1 answer
94 views

How to add tooltip in kendo combobox?

Check StackBlitz project and suggest how to add tooltips to the dropdown, so that I am able to see tooltips for 'Small,' 'Medium,' and 'Large' dropdowns which is mentioned in StackBlitz project?
ResolveError's user avatar
0 votes
2 answers
98 views

Not able to Handle Kendo Dropdownlist using Selenium

Hi I am not able to select drop-down option.. Sampe Dropdown : https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/ I wanted to select anything from dropdown Image I am able to ...
Jay Prakash's user avatar
0 votes
0 answers
33 views

FormControl is invalid on first touch, need to be invalid only if it value not provided or uclicked

I have kendo dropdown list Here is view code <kendo-dropdownlist valueField="id" textField="name" [data]="data" ...
Eugene Sukh's user avatar
  • 2,387
1 vote
0 answers
109 views

How can I set the "for" attribute of a label to a kendo-textbox thats projected with <ng-content>?

I want to create a component info-label that adds an icon next to the label. As a very simple sketch it should look like this (label) (i) (input field) This is what my component looks like <div ...
boop's user avatar
  • 7,429
0 votes
0 answers
69 views

How to populate observable data for Angular Kendo Grid Export to Excel button?

I have component with Kendo grid on it, which is populated with the products. I'm trying to convert "static" StackBlitz example to reactive, and struggle to write proper code for allData$ (...
sam sergiy klok's user avatar
1 vote
1 answer
251 views

Why is the component.scss style not applied but the all.scss?

I have a component with a .scss file where I want to define the styles for the component. (what a surprise) A minimal working example can be found here: Stackblitz example If I define the style for ...
CRoNiC's user avatar
  • 329
0 votes
0 answers
99 views

Angular2 - Kendo Grid kendoGridCellTemplate

I have a Kendo-Grid with pagination and kendo-grid-checkbox-column, and I want to be able to check the checkboxes according to the backend data. Though it seems its impossible to use [...
moses's user avatar
  • 1
1 vote
2 answers
509 views

Angular kendo grid is not loading data on filter change event if current page do not have searched value

I have a grid with a few pages. Let's say there is an item "Decaffe" on the first page, and I opened second page. Then I apply filter, by using onFilter event, by typing word "Deacaffe&...
sam sergiy klok's user avatar
0 votes
1 answer
75 views

Filterable: true is not available in angular version of Kendo UI Pivot Grid

I'm trying to add filters to the pivot grid as below. Please help me to implement filter option as below by using Kendo UI Angular. This is the code I'm using for pivot grid and don't know where to ...
Krish's user avatar
  • 1
0 votes
1 answer
312 views

kendo angular textbox conditionally display clear button

How can I conditionally display the clear button on the kendo angular textbox? Also, could someone give me a sample input for the clearButtonIcon property? I tried setting [clearButtonIcon]='k-i-x' ...
DBK's user avatar
  • 403
0 votes
2 answers
493 views

How to fix date field filter in the angular-kendo grid?

I have data in JSON format, with all fields as strings. When I display it in the grid (I use kendo grid), it treat it as string, even if I create custom date field. So if I filter by existing date, ...
sam sergiy klok's user avatar
0 votes
0 answers
121 views

How can we achieve the Kendo chart combination of Area, Line, and Scatter/Bubble?

How can we achieve the Kendo chart combination of Area, Line, and Scatter/Bubble? I had tried a couple of options but I couldn't achieve that in Kendo. How can we plot the below series in one chart? ...
shanidkv's user avatar
  • 1,118
1 vote
0 answers
182 views

kendo-dropdowntree Angular - Select child node only

I am working an angular view using kendo-dropdowntree, and I want to restrict users from selecting a parent node, i.e. allow child-node/leaf selection only. below is my current implementation. (close)...
Kashif's user avatar
  • 75
0 votes
0 answers
127 views

Angular - 'this' keyword doesn't have component instance

'this' is not working as expected I am working with Angular 13.2.0 and Kendo UI for Angular 2+ I have multi select dropdown in my page and I want to disable few items based on condition so as per ...
Mehul Patel's user avatar
  • 1,084
0 votes
0 answers
213 views

How to filter Integer fields by string values in kendo grid?

In Kendo grid, I would like to filter int fields by string values. But ToDataSourceResult throw exception System.ArgumentException: 'Method 'System.String ToLower()' declared on type 'System.String' ...
Hadi Jahangiri's user avatar
0 votes
1 answer
438 views

Disable few filters from default kendo grid filters angular

I have a kendo grid in angular that has [filterable]= "menu". But we need to only show only a few options for the column filtering e.g. Contains, and equal to. Currently, there are 8 ...
Sushmita Mitkar's user avatar
1 vote
1 answer
285 views

Unable to remove 'Today' link from Kendo datepicker angular

I want to remove 'Today' link from top of the kendo date picker. It should restrict the user to select only Year and not to select Today's date. <kendo-datepicker formControlName="bg" [...
Nitin Jain's user avatar
0 votes
0 answers
102 views

Add ClientGroupHeaderTemplate without showing column angular

I'm trying to create a small grid for "users" which is grouped by "created_dateTime". Now the plan is to change the ClientGroupHeaderTemplate, to add a checkbox to check all sub ...
rajnesh's user avatar
0 votes
0 answers
389 views

Angular Kendo Grid throw NullInjectorError: No provider for ColumnResizingService

My angular component throw the following error. While in the root module, this error is not thrown but when I move the component to a new sub module (ContractModule), this exception is thrown and a ...
dkmung's user avatar
  • 1
0 votes
0 answers
41 views

kendo chart angular - ScatterLine chart - How to disable the connecting lines between the start and end points?

I am trying to add a scatterLine chart values with date and time. here is the pic of the graph which is connection the start and end points, same values can plot with normal line chart without that ...
alwin's user avatar
  • 3
0 votes
1 answer
316 views

KendoUI Grid column not re-rendering when data changes

I have a KendoUI grid with a column named "Status" : Problem Upon changing the value of a cell, I trigger the saving and update the grid with new data. The rows are updating but the status ...
Arjun C's user avatar
  • 357
0 votes
1 answer
54 views

Multiselect Element color change

I want to apply styles on elements in kendo multiselect according to my inline style given in an Array Text Field. TS File dataValues: Array<{value: number, text: string}> = [{value: 1, text: &...
Muhammad Sohail's user avatar
0 votes
1 answer
242 views

How to create stack bar chart in kendo ui angular

I'm new to angular and I'm trying to create stack bar charts using kendo UI. I'm getting normal bar rather than stack bar chart, used stack="true" also not getting the view in stack. Here is ...
Anusha's user avatar
  • 3
0 votes
1 answer
237 views

How to get the currently selected Value of a MultiColumnComboBox in Kendo for Angular?

here is a working example from the official Telerik team. https://angular-jo923s.stackblitz.io When selecting any of the employees, how can I get the id(see contacts.ts) of the currently selected one, ...
CRoNiC's user avatar
  • 329
0 votes
1 answer
59 views

Kendo Chart not performing as expected

My understanding of Kendo bar charts in series is that the data value should sum up per item, but in this screen shot each set of bars is an interval, and based on interval 1 input data I should have ...
amanill's user avatar
0 votes
1 answer
535 views

When using kendo-datetimepicker is there a way to overwrite the default time

I'm using Kendo UI for Angular's DateTimePicker. <kendo-datetimepicker [(value)]="dateValue" (valueChange)="dateChanged()"></kendo-datetimepicker> When I open the ...
Ahron M. Galitzky's user avatar
0 votes
1 answer
592 views

Kendo Angular button overflow tabindex accessibility problem

I am using Kendo-toolbar with these configurations: <kendo-toolbar [overflow]="true" [popupSettings]="popupSettings"> while popupSettings are: popupSettings = { appendTo:...
uValerion's user avatar
1 vote
1 answer
250 views

Adding a directive to Kendo DialogService

Is it possible to add directives to a popup service, in our case we use Kendo and would like to add the cdkDrag directive to the popup, we have not been able to get the popup to be draggable. Only the ...
Francois Venter's user avatar
0 votes
0 answers
323 views

Angular: Kendo PDF Export is not bind the iframe content

Kendo PDF Export component Kendo pdf export code Downloaded PDF without iframe content downloaded pdf Do you have any idea about this issuses?
Gowsegan's user avatar
0 votes
1 answer
355 views

Disable localization in kendo angular ui

We have been supporting localization for our app developed using Angular 7. We have few components which use Kendo Angular UI grid. We would like to always use English for the Kendo Angular UI ...
Sushrut Paranjape's user avatar
-1 votes
1 answer
521 views

Change CSS Angular Kendo Chart - Set style which the line is of value 0

I would like to change the CSS style of the grid line in which the value is zero. How can I do? My chart: I would like to create a chart like this:
Federico's user avatar
  • 384
1 vote
1 answer
670 views

How to open and close the detailtemplate programmatically?

I have 3 columns, and therefore 3 cells in which I have a button. At the click of the button I would like to open / close the detail template Without having the + icon on the left HTML: <kendo-grid-...
Federico's user avatar
  • 384
0 votes
2 answers
774 views

Kendo UI for Angular: How to find out about changes in the Kendo-Grid?

Is there any dirty flag in the Kendo-Grid? In the old JQuery version there was one, but in the Angular version I don't see anything like that: https://www.telerik.com/kendo-angular-ui/components/grid/ ...
Ewgenij Sokolovski's user avatar
0 votes
1 answer
170 views

What do kendo parseNumber does with "NaN"?

Where can I see the code of the Telerik's Kendo Angular parseNumber function? I seems it parses OK "Infinity" but does not parse "NaN", transforming to null... Why? And how to fix ...
serge's user avatar
  • 14.1k
0 votes
1 answer
440 views

How to i can access two values in one template in kendo UI in angular

<kendo-grid-column field="[_id,role]" title="Action"> <ng-template kendoGridCellTemplate let-dataItem> <!-- <span *ngIf="...
user avatar
1 vote
0 answers
213 views

Angular kendo grid datepicker closes immediately on inline row editing

I have problem with kendo grid inline row editing. Mat-datepicker closes immediately when I try to select another date(all the actions performed on mat-datepicker popup), its happening because of ...
Poongodi's user avatar
  • 113
1 vote
0 answers
561 views

How can i access the treeview Data in Kendo for Angular to walk the tree recursivly

I am wondering if anyone knows how to access the Kendo Angular TreeView Data ? I set up my treeview component like this and allow the user to make changes via drag and drop which fires off events like ...
NoSoup4you's user avatar
0 votes
1 answer
354 views

How can I use ngIf to set the ngModel in a loop

How can I use ngIf to set the ngModel within a ngFor loop? I am using Angular 8.2.14 with @progress/kendo-angular-inputs Within the code below, how do I use ngif to set the ngModel to true if option ==...
Heath's user avatar
  • 1,023
0 votes
1 answer
98 views

Error in progressbar function in jquery. Getting an error as Progressbar does not exist on type Jquery

I m trying to use jquery progress bar inside an angular application.progress bar is for kendo file upload control. For below code getting an error as progress bar does not exist on tyle jquery. $(#...
Ashwini 's user avatar
-1 votes
1 answer
120 views

how to show number with comma separated in text box angular, getting incorrect thousand separator

how to show number with comma separated. like this 1,000. <kendoTextBox ControlId="Amount" [ControlLabel]="'Amount*'" [maxLength]="100" [TextValue]="...
krishna mohan's user avatar
0 votes
2 answers
723 views

Angular Material and Kendo doesn't work with Module Federation Plugin: Bootstrap call not found

I built a microfrontend application using Angular CLI and Module Federation Plugin. When I try to install Angular Material or Kendo, I've got this problem: Bootstrap call not found I followed this ...
Fabio Strada's user avatar
0 votes
1 answer
208 views

Kendo Angular Scheduler: How to add breaks (like coffee, lunch)

I have kendo-ui scheduler component for angular. I have events and resources like shown in attached image. What I am looking for is to add breaks/pauses to scheduler. For example: car service event ...
Yousaf's user avatar
  • 85
1 vote
2 answers
3k views

How do i add fontawesome icon to Kendo UI upload button

I want to add font awesome icon to Kendo UI Upload Button HTML Code : <div class="row row-border lopUploadSet"> <div class="col-md-4 col-sm-12"> <...
sirushti's user avatar
1 vote
2 answers
1k views

Top position for Kendo chart series item label

I have Kendo column chart with multiple series per category. I'm trying to put Kendo chart series item labels on top regardless of value. By default, it's put in the end of chart item. So for positive ...
Vadim Ovchinnikov's user avatar

1
2 3 4 5
19