Questions tagged [kendo-ui-angular2]
Kendo UI for Angular is a commercial UI toolkit for Angular 4+
914
questions
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"
[...
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 ...
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. ...
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 ...
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 ...
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-...
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?
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 ...
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"
...
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 ...
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$ (...
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 ...
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 [...
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&...
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 ...
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' ...
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, ...
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? ...
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)...
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 ...
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' ...
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 ...
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" [...
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 ...
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 ...
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 ...
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 ...
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: &...
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 ...
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, ...
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 ...
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 ...
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:...
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 ...
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?
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 ...
-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:
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-...
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/
...
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 ...
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="...
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 ...
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 ...
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 ==...
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.
$(#...
-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]="...
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 ...
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 ...
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">
<...
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 ...