Telerik Forums
Kendo UI for Angular Forum
3 answers
73 views

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

Svet
Telerik team
 answered on 27 Apr 2018
9 answers
1.1K+ views

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.

 

 

Walter
Top achievements
Rank 2
 answered on 26 Apr 2018
1 answer
629 views

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.

Dimiter Topalov
Telerik team
 answered on 25 Apr 2018
1 answer
846 views

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,

T. Tsonev
Telerik team
 answered on 24 Apr 2018
10 answers
2.5K+ views

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!

Dimiter Topalov
Telerik team
 answered on 23 Apr 2018
1 answer
468 views
Is there a way to hide the vertical scrollbar of the kendo grid when there is no data or the data does not cross the bounds of the grid and actually fits inside the grid?
David
Top achievements
Rank 1
 answered on 20 Apr 2018
3 answers
1.2K+ views

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;}

Walter
Top achievements
Rank 2
 answered on 20 Apr 2018
1 answer
613 views

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?

Svet
Telerik team
 answered on 17 Apr 2018
1 answer
1.1K+ views
In Kendo UI for Angular, how do you set maxlength for the input element?
Dimiter Topalov
Telerik team
 answered on 17 Apr 2018
1 answer
254 views

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>

 

 

Svet
Telerik team
 answered on 17 Apr 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?