Telerik Forums
Kendo UI for Angular Forum
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
493 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
680 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
281 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.2K+ 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
273 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
219 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
2 answers
2.0K+ views

I have a column with short date time as string like: dd/mm/yyyy . for example: 08/04/2018

when I click on the title of the column name to sort it doesn't sort properly, but makes a mix

my html file:

<kendo-grid #grid="kendoGrid"
                [data]="gridView" id="GridID"
                [pageSize]="pageSize"
                [skip]="skip"
                [pageable]="true"
                [sortable]="{allowUnsort: allowUnsort, mode: multiple}"
                [resizable]="true"
                [sort]="sort"
                [scrollable]="{virtual: true}"
                (pageChange)="pageChange($event)"
                (sortChange)="sortChange($event)">

        <kendo-grid-messages noRecords="no Records">
        </kendo-grid-messages>

        <kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">
        </kendo-grid-column>

    </kendo-grid>

 

my .ts file:

public sort: SortDescriptor[] = [{
        field: '',
        dir: 'asc'
    }];

public sortChange(sort: SortDescriptor[]): void {
        this.sort = sort;
    }

Devi
Top achievements
Rank 1
 answered on 10 Apr 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?