Questions on Kendo UI for Angular Forum

3 answers

2.2K+ views

[Solved] Grid - Custom filtering function for a particular column

Hi,

Currently we are using Angular 7. We have a standard kendo-grid with sorting, filtering and so on. We use "translate" pipe for the shown text of one of the columns.

<kendo-grid-column [field]="Type" [title]="{{'Document Type' | translate}}" [filterable]="true">
<ng-template kendoGridCellTemplate let-row="row">
{{row.Type | translate}}
</ng-template>
</kendo-grid-column>

The issue is that when "German" language is selected, the filter doesn't work properly.

Example: The original value (not translated) is "Contract" and the translated one is "Vertrag". I would like to filter that column by ""Vertrag"" and see all results which contains that value. The result is empty, because it filters by the original value (Contract). I know that I can create a custom filter component, but I want to use out-of-the-box functionalities for filtering (contains, does not contain, is equal to etc.) and just change the filter function. Is that possible?

Grid

answered on 13 Apr 2020

4 answers

696 views

Custom Summary Item Template

We have a requirement to show

- the item that is selected if only one items is selected

- the first item + a summary item count if multiple items are selected

How can this be accomplished. See examples below.

Example 1 item summary template:

State/Municipality
ARLN - AIMS PLATFORM

Example multiple item summary template:

State/Municipality

ARLN - AIMS PLATFORM (+1 others)

MultiSelect

answered on 12 Apr 2020

2 answers

189 views

Scheduler, rows misaligned in IE.

Hello,

I'm currently looking into an issue we are having with Kendo Scheduler for Angular in IE.

We are using it to track appointments in one of views and it seems the more you scroll down the more misaligned it gets.
Some screenshots that show the issue in attachments.

While this is mostly happening in IE I've notice it also sometimes happen in Chrome as well although it seems to snap back to correct alignment if ex. opening the dev tools.

Using version v1.1.4 Scheduler with Angular 8 which if I read the notes correctly should address this issue.

Any ideas how to solve this?

Scheduler

answered on 10 Apr 2020

1 answer

108 views

[Solved] changing grouping

I'm trying to change the grouping dynamically with a button (on/off or other resources).

But when I change the group via code, the scheduler isn't updated.

How can I make it dynamically?

Thanks

Scheduler

answered on 10 Apr 2020

1 answer

1.3K+ views

"read more" functionality for grid cells.

How to have 'read more' and 'read less' functionality if there is large content in a cell in Kendo grid for Angular 6 ?

So inside cell on the third line of text we could have a 'read more' and on clicking on 'read more' the row expands vertically and shows the rest of the content ending with 'read less'.

Grid

answered on 10 Apr 2020

1 answer

2.4K+ views

Wrap the content inside column cell with fixed width

How to wrap the content inside a cell so that full content is visible and it does not overflow and there should not be ellipsis (...) if the content is large.

Grid

answered on 09 Apr 2020

1 answer

261 views

[Solved] cannot export pdf with custom style in kendo scheduler

Hi i have to export my scheduler into pdf but when i export the style content in the file is not the same with the component

Scheduler

answered on 08 Apr 2020

1 answer

114 views

Tooltip content

How Do I pass a tooltip with content that has a link in it that is clickable. Is this supported with Kendo UI for angular?

Tooltip

answered on 08 Apr 2020

3 answers

164 views

Calendar Globalization

Hello

Is there any way for implementing Jalali Calendar for date Inputs ?

Using internationalization with (Load pre-built data Or Load CLDR data ) Just rename months name and ... but Jalali calendar totally is different.

Calendar

answered on 08 Apr 2020

5 answers

891 views

Date Filter and binding is not working

Hello

We have tried to bind the data and add the filters for date columns and its not working as expected. Our Datasoure returns the following Json Results, after calling the Process Method, its takes the following values and not binding property. If we take json data data and add it in .ts file, its binding properly and filter is not working.

{data: "[{"DonorNa", total: 13489}
data: "[{"DonorNa"
total: 13489
__proto__: Object

this.gridData = process(this.gData, this.state);

Grid

answered on 08 Apr 2020