Questions on Kendo UI for Angular Forum

0 answers

49 views

I am using kendo grid to show the data and the data consist of different types of status with colour indication. So i have to show a legend explaining the status colour in the grid.

Do we have an option to show a grid with legend in kendo ?

Grid

updated question on 03 Oct 2024

2 answers

184 views

Strange characters in different Kendo objects

We are noticing these characters "â€<" showing up intermittently after updating our kendo-angular dependencies to 15.5.0.
It's not an issue we are able to reproduce every day, and sometimes reloading will fix it, but it will appear at the beginning of kendo window headers, and options in kendo dropdowns. We have not changed anything about our code, nor are we using any special characters ourselves in these locations.

Our angular version is 17.3.12

Is this a known issue? What would the fix be?

Thanks.

answered on 02 Oct 2024

0 answers

34 views

Can I use a custom TimeSelectorComponent in a DateTimePickerComponent ?

I want to be able to change the logic for handleNow(). This function is a part TimeSelectorComponent which is use in DateTimePickerComponet.

My initial thought was create a component class that extends TimeSelectorComponent and use it like this

<kendo-datetimepicker> 
    <custom-time-selector></custom-time-selector>
</kendo-datetimepicker>

But this doesn't seem to work. Is this even possible ?

DateTimePicker

asked on 01 Oct 2024

1 answer

41 views

Integration example

I have an open source Angular custom scrollbar library. I wanted to add an integration example with Kendo UI Grid at this page https://www.npmjs.com/package/ngx-scrollbar. but when I tried to add to the demo, it looked bad because of the watermark.

In the stackblitz the grid example doesn't show a watermark. I am wondering if there is a way to display the grid example without it for demonstration purpose.

Thanks,

Grid

Licensing

updated question on 25 Sep 2024

0 answers

46 views

Editable Cell Templates Default Back to Inputs When One Row

Hello,

I have come across an issue that I was able to replicate in a stackblitz. When using dynamic columns to display a Kendo Grid's data, specifically when the grid only contains one row, the editTemplate unexpectedly reverts to a standard input field. This behavior does not occur when the grid has multiple rows.

In my example stackblitz below, I have a dropdownlist as the edit template for the column Product Type. Upon clicking it, (sometimes a double click) it turns into a input.

To repeat:
1) add product type in multi select above grid to display row
2) Click Dropdown
3) Dropdown becomes input

I'd appreciate any help, I've tried a few things like event.preventDefault and other ways to try and stop this behavior, but I cannot figure out a way. Again, it only happens when there is one row.

Thanks in advance!

Kendo UI for Angular Example Application (stackblitz.io)

https://stackblitz.com/edit/angular-ppvmbg?file=src%2Fapp%2Fapp.module.ts

Editor

Grid

asked on 24 Sep 2024

1 answer

48 views

Treelist Angular

I have a kendo-treelist in Angular

Edit mode has only Number, Text or boolean,

 <kendo-treelist-column field="Enhed" title="Enhed"  editor="text" 
    [style]="{'text-align': 'left','min-width':'100px','padding': '0px'}"
      [headerStyle]="{'text-align': 'left'}">
       <ng-template kendoTreeListCellTemplate let-dataItem let-rowIndex="rowIndex" let-column="Enhed">
        <span *ngIf="!kendotreelist.isEditingCell()">{{dataItem.Enhed}}</span>
        <select *ngIf="kendotreelist.isEditingCell()" type="text" [(ngModel)]="dataItem.Enhed" >
          <option *ngFor="let enhed of enheder" [value]="enhed">{{enhed}}</option>
        </select>
      </ng-template> 
    </kendo-treelist-column>

I need to make it custom select instead.

Is there any one who knows how?

DropDownList

TreeList

answered on 24 Sep 2024

0 answers

150 views

Getting error while using DialogService

Hello!

I'm trying to implement the DialgService as described in the example (Angular Dialogs Dialog Angular Service - Kendo UI for Angular (telerik.com) but I keep getting the following error:

Cannot attach dialog to the page.
Add an element that uses the kendoDialogContainer directive, or set the 'appendTo' property.

Yes, I tried to google for a solution and some answers suggested, to put the

<div kendoDialogContainer></div>

into my app.component.html but that didn't change anything. Setting the "appendTo" property only resulted in a typescript error.

Does anyone have a suggestion for me on how to fix this error?

Thanks for any help in advance!

Cheers

Joerg

Dialog

asked on 20 Sep 2024

0 answers

30 views

Grid Auto Stack

TL;DR: It'd be great if there was an option for the Grid to automatically stack if we enable it. Something like the way PrimeNG does it would be cool (linked v14 because it appears to be broken in newer versions [why we use Kendo!]).

Spiel:
The kendo docs show a really great format for a responsive stacking grid that is especially great for simple grids shown here: https://www.telerik.com/kendo-angular-ui/components/grid/styling/responsive-design

Doing it that way is great and allows for a large degree of customization which I appreciate. However, in many cases it would be preferred to have a solid, opinionated default that allows us to more quickly create grids. Another benefit of the speed is the ease of maintenance. When the grid needs to be modified later on, without an automatic stacking grid we need to modify the columns in two places.

Grid

asked on 19 Sep 2024

5 answers

1.4K+ views

100% stacked bar chart with rounded ends

How do I make both ends of a stacked bar chart round .attaching the current state of the developed chart and the expected design.kindly let me know how do I achieve this.

Charts

updated answer on 18 Sep 2024

0 answers

463 views

Getting error "Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' "

I recently upgraded my application angular version to 18.2.4 now I'm getting this error. I figured that probably Kendo control need to be upgraded as well so I updated the Keno UI version as well.

ERROR InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at Ct.setAttribute (platform-browser.mjs:593:16)
    at na.setAttribute (browser.mjs:4603:23)
    at o1 (core.mjs:13032:18)
    at C_ (core.mjs:13022:5)
    at T2 (core.mjs:21174:9)
    at hostBindings (progress-kendo-angular-layout.mjs:96:100)
    at rD (core.mjs:12022:17)
    at W0 (core.mjs:13833:9)
    at Y0 (core.mjs:13999:9)
    at LE (core.mjs:13959:5)

    "@progress/kendo-angular-buttons": "^16.9.0",
    "@progress/kendo-angular-common": "^16.9.0",
    "@progress/kendo-angular-dateinputs": "^16.9.0",
    "@progress/kendo-angular-dialog": "^16.9.0",
    "@progress/kendo-angular-dropdowns": "^16.9.0",
    "@progress/kendo-angular-excel-export": "^16.9.0",
    "@progress/kendo-angular-grid": "^16.9.0",
    "@progress/kendo-angular-icons": "^16.9.0",
    "@progress/kendo-angular-indicators": "^16.9.0",
    "@progress/kendo-angular-inputs": "^16.9.0",
    "@progress/kendo-angular-intl": "^16.9.0",
    "@progress/kendo-angular-l10n": "^16.9.0",
    "@progress/kendo-angular-label": "^16.9.0",
    "@progress/kendo-angular-layout": "^16.9.0",
    "@progress/kendo-angular-menu": "^16.9.0",
    "@progress/kendo-angular-navigation": "^16.9.0",
    "@progress/kendo-angular-notification": "^16.9.0",
    "@progress/kendo-angular-pdf-export": "^16.9.0",
    "@progress/kendo-angular-popup": "^16.9.0",
    "@progress/kendo-angular-progressbar": "^16.9.0",
    "@progress/kendo-angular-tooltip": "^16.9.0",
    "@progress/kendo-angular-treeview": "^16.9.0",
    "@progress/kendo-angular-upload": "^16.9.0",
    "@progress/kendo-angular-utils": "^16.9.0",
    "@progress/kendo-data-query": "^1.7.0",
    "@progress/kendo-drawing": "^1.20.3",
    "@progress/kendo-licensing": "^1.3.5",
    "@progress/kendo-svg-icons": "^3.1.0",
    "@progress/kendo-theme-default": "^9.0.0"