Questions tagged [kendo-ui-angular2]
Kendo UI for Angular is a commercial UI toolkit for Angular 4+
916
questions
0
votes
0
answers
18
views
kendo angular - how to display different label than the value?
I've got a vertical bar chart that I'd like to show, but instead of values I'd like to show labels on the bar itself, and replace it's value (number) with custom text. But I can't find anything in ...
-1
votes
0
answers
18
views
Autosize an input (specially a kendo numerictextbox)
Is there a way to auto-size the width of an input HTML element (in my case it's a Kendo numerictextbox for Angular))?
I mean, take the current width of the input content value?
My question is for ...
0
votes
0
answers
15
views
Kendo Scheduler Not Applying Resource
I am running into an issue with kendo scheduler custom template whereby it does not seem to be applying the correct color that I have defined in my resources until I exit out of my scheduler and go ...
0
votes
0
answers
30
views
Kendo-TreeList Footer Template Issue in Angular
I am using Kendo-Treelist in Angular to show data and i have a footer which is visible all the time. But in Firefox the footer is visible only when we scroll the data in Kendo-TreeList otherwise its ...
0
votes
0
answers
16
views
Error Angular upgrade from 2.2.0 to 6.0.0
I would like to install kendo-angular-editor into my angular application. I think that are some dependencies that will need to be upgrade. When I try to upgrade from angular 2.2.4 to angular 12.1.0. I ...
0
votes
0
answers
12
views
Kendo Dropdown: selectionChange vs. valueChange events
What is the difference between these two? I can't figure out reading documentation. On the webpage with API documentation there is a link to an example but the events are not used there.
0
votes
0
answers
44
views
How to display ToolTip on dropdown list options using kendo in angular?
Is that possible if the user hover on the dropdown option then respected tooltip content should be displayed using kendo UI in angular?
here is my code look like -
enter image description here
import {...
0
votes
1
answer
67
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:...
0
votes
0
answers
30
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 ...
0
votes
0
answers
46
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?
0
votes
0
answers
32
views
Angular SetValue with Kendo Timepicker
I am having some difficulty figuring out the correct way to set the value of my kendo-timepicker inside of my reset code.
In my code I have my reset to do the following:
getWeekOptions() {
if(!...
0
votes
1
answer
76
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 ...
-1
votes
1
answer
91
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:
0
votes
0
answers
46
views
Kendo Angular DatePicker 5.3.0 Bug setting min max does not show calendar numbers
I use kendo-datepicker in version 5.3.0 and I have the problem that when I set the [min]/[max] properties to limit selection of dates in the html, the calendar picker shows no more dates when I open ...
0
votes
0
answers
22
views
kendo-grid Multi selection not working with drag feature
I am trying to create a Kendo Grid with multiple select functionality and user to be able to select multiple rows via dragging a mouse click selection.
HTML:
<kendo-grid
#idGrid
[selectable]=&...
0
votes
0
answers
111
views
Kendo Grid PDF Export with a paragraph using KendoTemplate
https://stackblitz.com/edit/angular-wxeqex-klt1ri?file=app%2Fapp.component.ts
If you will take a look at link i have added one template in grid export, i want to see a paragraph before my grid when ...
0
votes
0
answers
47
views
How to translate Angular kendo chart axis title?
I am using a kendo chart component and am trying to translate the axis title.
I am using the classic i18n approach with .xlf files.
Any idea how I could do it?
<kendo-chart-category-axis>
...
0
votes
0
answers
198
views
Kendo UI export pdf , two groups in single page?
I am trying to export two groups on single page. One group is taking whole page and another is staring from another page. how can i start another group on same page .
Code:
this.grid.drawPDF()
...
0
votes
1
answer
127
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-...
0
votes
0
answers
43
views
UI blocking return of web API call
We are using Angular to present a number of Kendo charts and a Kendo dialog to save the user's email address (via a call to a .Net-Core web-API) as follows
kendo-dialog.html
<kendo-dialog ...>
&...
0
votes
1
answer
261
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/
...
0
votes
1
answer
42
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 ...
0
votes
1
answer
61
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="...
1
vote
0
answers
65
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 ...
0
votes
0
answers
52
views
DropDownTree disallow selecting parent nodes
How can the behavior demonstrated here https://dojo.telerik.com/@zdravkov/owIqIlOF be redone in kendo/angular?
Specifically, how can I create a dropdowntree in angular where the categories (furniture ...
1
vote
0
answers
166
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 ...
0
votes
1
answer
70
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 ==...
0
votes
0
answers
7
views
Select values from a Kendo dynamic drop down which is under a span tag using selenium c#
I have been trying to select values from a dynamic kendo drop down. Its coming under a span tag, not a select tag. It has a property of
unselectable= on.
I was managed to get a solution using keys....
0
votes
0
answers
76
views
How to add progress bar with percentage for kendo-upload control in angular without using interceptor
I m using kendo-upload file control as below.
<kendo-upload formcontrolname="cfile" [saveurl] = "fileurl" [upload] ="uploadhandler" >
I could not use interceptor as ...
0
votes
1
answer
40
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.
$(#...
-1
votes
1
answer
36
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]="...
0
votes
0
answers
34
views
Why kendo scatterLine chart is not showing correct value?
I have data with date and time i want to show this data as category axis on x axis . I can show it with out any problem but kendo is not understand my datetime correctly and my value looks wrong.
For ...
0
votes
1
answer
189
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 ...
0
votes
1
answer
90
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 ...
1
vote
2
answers
617
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">
<...
1
vote
2
answers
306
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 ...
0
votes
0
answers
78
views
Angular kendo-grid-column numeric range
Being new to angular kendo grid, I'm not sure how to achieve this in the html file. Is there any option to prevent the numeric entries outside the range? something like min = "0" max="...
0
votes
1
answer
232
views
Disable row selection in mvc and Enable column selection in mvc kendo grid
I want to Disable the row selection and enable only column selection kendo grid MVC. Here is my code. I want to select the kendo grid cells only now the whole row like I want only the coordinates.
...
0
votes
1
answer
386
views
how to get an array of column configurations in Kendo grid angular
suppose i've the following kendo grid
<kendo-grid-column field="full_name" title="Contact Name" [width]="220">
<ng-template kendoGridCellTemplate ...
0
votes
0
answers
99
views
Angular 2x Kendo Panel bar item click show kendo Dialog cause ExpressionChangedAfterItHasBeenCheckedError
working on a Kendo angular UI panel bar item click need to show confirm kendo pop dialog and it shows ExpressionChangedAfterItHasBeenCheckedError in console.I have reproduced in below stackblitz url....
0
votes
1
answer
114
views
Prevent DateTimePicker from autoclose
I have a kendo component kendo-datetimepicker (angular project, kendo-angular)
When I open the calendar, start typing the date (day, month, year) and time (hours, minutes) in the input, right at the ...
10
votes
2
answers
555
views
Multiple labels per item on Kendo chart
I'm trying to get multiple label per item on Kendo Column chart
Desired layout looks like this
I was able to get only this layout
import { Component } from '@angular/core';
import { groupBy, ...
2
votes
0
answers
25
views
Telerik Kendo Angular Grid UI Issue with nested Grid
Kendo Angular grid is working fine with parent and nested grid for angular version 7.2. However when I update to Angular version 12.2.11 it is not rendering nested grid.
After debugging I noticed that ...
3
votes
1
answer
205
views
Is there a way to span a column for a single row in a Kendo Grid?
I wanted to find a way to span a column for only 1 row of data in Kendo Grid for Angular. I looked into using kendo-grid-span-column but that seems to do it for every row for the columns specified. I'...
0
votes
0
answers
188
views
how to upload files and select additional metadata by using the Kendo angular UI Upload control
how to upload files and select additional metadata by using the Kendo angular UI Upload control. I saw this is available in kendo UI for Jquery but we need in kendo UI for Angular. Below is the Jquery ...
0
votes
1
answer
360
views
Kendo dropdownlist with input textbox not responding as expected in Angular
I want to create a google search kind of Dropdownlist with Kendo Angular. But if I enter some input in the textbox and press "Enter" the first matching value is getting passed to my ...
0
votes
1
answer
96
views
Kendo-TreeList : Footer template only at the root level of TreeList
I need to show some aggregates data at the root level node of tree list i.e at the bottom of the tree list, not at each node if the tree has more then one node. Can anyone suggest a way to hide the ...
0
votes
0
answers
157
views
Kendo Angular UI - Is there any way to persist the state of the tilelayout and loading it initially?
I am trying to implement a dashboard where the user can add / remove and reorder widgets.
Loading the persisted state should not be a problem since I can create something like this:
<kendo-...
0
votes
1
answer
619
views
Kendo UI for Angular: Tooltip on a grid cell with external content
Here it is described how to put a tooltip on a kendo grid cell. However it is only about tooltip containing some information from the anchor element, for example its title attribute. But what is the ...
0
votes
1
answer
205
views
Kendo Scheduler for Angular - on button click show create event form
I'm implementing kendo scheduler for Angular in our app. My problem is that, I want to have on the toolbar button which allows user to add new event, normally by default user needs to click twice on ...