Telerik Forums
Kendo UI for Angular Forum
1 answer
859 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.6K+ 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
473 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
620 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
264 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
1 answer
4.1K+ views
How to set width of Kendo dropdown to widest option in Angular 2 component?
Dimiter Topalov
Telerik team
 answered on 13 Apr 2018
3 answers
250 views
Good morning, my friends, I'm starting to learn angular and I also wanted to use kendo in my tests. I followed the installation according to this page https://www.telerik.com/kendo-angular-ui/getting-started/ however I came across some problems. I want to integrate kendo with angi with asp.net core 2. I created an Asp.Net Core-Angular application from Visual Studio 2017. In the index page I had to make the change from "asp-prerender-module" to "asp- ng2-prerender-module "after including kendo packages npm, so the application worked. But I have not been able to make the template work, the page says the following:

"
We'll take the Default theme and install it just like the Buttons package:

npm install --save @ progress / kendo-theme-default
Now, import the SCSS file from the package in src / styles.scss:

COPY CODE / * You can add global styles to this file, and also import other style files * /

@import "~ @ progress / kendo-theme-default / scss / all";
"

But I did not find the styles.scss file

How can I proceed?

Thank you very much.
Dimiter Topalov
Telerik team
 answered on 13 Apr 2018
2 answers
208 views
I need to customize the Filter and Clear buttons on the popup.  I'd like to change them to Filter and then Clear instead of Clear then Filter and apply some different styling.  I've seen how to customized the "guts" of the popup, but not the surrounding chrome.  Is there a way to do this?
Michael
Top achievements
Rank 1
 answered on 12 Apr 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?