Hi,
I have a grid with dynamically generated columns. Number and header titles of columns are never the same and depend to a selected month. I need to apply different background or CSS classes to the cells according to their values. I tried suggestions provided on this link but to no avail. Is there a way to accomplish this functionality with dynamically generated columns.
Thanks in advance,
Ivan
My JSON data is generated by a recursive data structure. Where a queue may contain a queue of queues. In the case of a child queue being empty I'd to not show it as expandable. Reworking the data sources is not possible. I'm looking for a pointer on how best to tackle this. I'm building a webified version of a ClickOnce WinForms app. See attached.
Hi,
I'm trying to display the dropdown list elements in the combobox as a grid as shown in the attached image.
Here is a plunker which I created but I can't seem to get it right: https://plnkr.co/edit/30EGUs7m2zB3H8Tfxsr9?p=preview
May I know how to achieve it?
Thanks.
From the plunker in the docs (https://plnkr.co/edit/zo8UNbVbs3yrOKwep1jh?p=preview) https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing/ how can that be extended to add tab navigation where tab takes you to the next editable cell? I imagine the keydown event needs to be hooked up somewhere, but how?
Thanks,
Hello,
Do the components in the Kendo UI for Angular packages work with Angular 5.0? If not, what is the latest recommended version of Angular that should be used when developing these components?
Thanks!
What is the best way to have all the red boxes (see pix) aligned to the right of the containing div? No success with floats or flexbox. Trying to mimic ClickOnce app in web SPA. Here's the app.component.sccs at the moment:
#treecontainer { width: 400px; border: 5px dotted black; overflow:hidden; }
div { border: 2px solid blue; }
span { border: 3px solid green; }
span:nth-of-type(3) {border: 3px solid red; float:right;}
Hi,
I've defined the following grid:
<
kendo-grid
[data]="gridData | async" [height]="410"
resizable
=
"true"
>
<
kendo-grid-messages
noRecords
=
"{{'RequestsRegister.NoRecord' | translate}}"
>
</
kendo-grid-messages
>
<
kendo-grid-column
field
=
"identity.email"
title
=
"{{'RequestsRegister.UserEmail' | translate}}"
width
=
"150"
>
</
kendo-grid-column
>....
but "noRecords" displays nothing...
the syntax is correct, and it works for the column's title, so what's wrong?
I found an example for jQuery only: https://demos.telerik.com/kendo-ui/sortable/integration-tabstrip
But I need it for Angular "^5.2.9"
My attempt work technically, the tabs move and are re-orderable, but the drag handle is not the Tab item itself, it is a separate [object Object] text.
<
kendo-sortable
[data]="tabItems"
itemClass
=
"tab-item"
activeItemClass
=
"active"
>
</
kendo-sortable
>
<
kendo-tabstrip
[keepTabContent]="true"
(tabSelect)="onTabSelect($event)">
<
kendo-tabstrip-tab
*
ngFor
=
"let item of tabItems; let i=index"
[selected]="i === index"
class
=
"tab-item"
>
<
ng-template
kendoTabTitle>
<
span
> {{item.title}}</
span
>
<
span
class
=
"k-icon k-i-close"
(click)="closeTab(i)"></
span
>
</
ng-template
>
<
ng-template
kendoTabContent>
<
app-tab-content
[componentName]="item.componentName"
[instanceName]="item.instanceName"
></
app-tab-content
>
</
ng-template
>
</
kendo-tabstrip-tab
>
</
kendo-tabstrip
>