Kendo UI for Angular FAQ
This article lists the answers to the most frequently asked questions (FAQs) about the Kendo UI suite for Angular.
General Queries
What browsers do the Kendo UI components for Angular support?
Kendo UI for Angular fully supports all browsers which are supported by the Angular framework.
When can I expect the same level of maturity and completeness in Kendo UI for Angular as in Kendo UI for jQuery?
The plans for the future development of the Kendo UI for Angular suite are published and regularly updated on the Roadmap page.
Do you plan to allow native component scrollbar skinning?
The Kendo UI Grid for Angular relies on the built-in browser scrollbar. For more information on how to style native scrollbars in different browsers, refer to this tutorial or this Stack Overflow thread.
Are the components in Kendo UI for Angular divided into free and paid batches?
Kendo UI for Angular is a new addition to the Kendo UI family of commercial products. The suite is backed by the same level of professional support and scheduled updates that are shipped by Kendo UI for jQuery.
What are the most suitable code and text editors?
Visual Studio Code and Atom are excellent editors. In addition, we provide extensions for Visual Studio Code.
Is it easy to use a single-code base to target desktop and mobile platforms when using Kendo UI and Ionic?
Angular facilitates the use of the “underlying plumbing” for your application that will be used across platforms. However, to target mobile, it is advisable to use NativeScript. For more information on migrating hybrid applications to native, refer to the guide on upgrading hybrid applications to native with NativeScript.
Where can I find further information?
If you have a question that goes unanswered by the Kendo UI for Angular documentation, refer to Stack Overflow.
Package and Release Management
Why does Kendo UI for Angular use only NPM as a package manager for shipping? What about Bower?
The Angular team does not support Bower. Also, many front-end communities use NPM.
How can I find out when new package versions are published to NPM?
Subscribe for NPM notifications through hooks.
Where can I track any new releases of Kendo UI for Angular?
The new Kendo UI releases for Angular are announced on the Telerik blog.
Migration and Integration
Can I use Kendo UI for jQuery in my Angular application?
Yes, you can. As of the 2017 R1 release, you can include the Kendo UI components for jQuery in Angular applications. Previous versions throw a JavaScript error.
Can I use the Kendo UI Less themes for jQuery?
No, but you can use other cross-product options.
Kendo UI for Angular ships the following themes:
- Kendo UI Default Theme
- Kendo UI Bootstrap Theme
- Kendo UI Material Theme
- Kendo UI Fluent Theme
- Kendo UI Classic Theme
These themes are compatible with both Kendo UI for Angular and Kendo UI for jQuery components. To create a custom theme that matches the desired looks, you can also use the ThemeBuilder application.
Does Kendo UI for jQuery still support AngularJS?
Yes, Kendo UI for jQuery still supports AngularJS. The product was renamed only to differentiate it from Kendo UI for Angular.
Is the API of Kendo UI for Angular similar to Kendo UI for jQuery?
The concepts and API calls of each component from Kendo UI for Angular are documented. We preserved all the API that made sense to be migrated. On the other hand, Kendo UI for Angular uses a different approach towards major features, such as data binding.
How can I migrate from AngularJS to Angular?
The Angular migration guide will help you convert your AngularJS knowledge into Angular mastery.
What is the required level of rewrite when migrating to Angular?
It depends on the Angular version you are targeting. For detailed information, refer to the Angular migration guide.
Is Ahead-of-Time (AOT) compilation supported?
Yes, Kendo UI Angular supports Ahead-of-Time compilation without additional required steps. Also check the official Angular AOT compilation article.
Can I use Kendo UI for Angular in Universal (isomorphic) applications?
Yes, Kendo UI Angular works in Angular Universal. Also check the Angular Universal repo.
Can I use Kendo UI for Angular in ASP.NET Core applications?
Yes, Kendo UI Angular integrates in ASP.NET Core applications. Also check the official Angular guide on ASP.NET Core.
Imports and Modules
Can I import all components in one go?
No, but you can import all components from a single package by importing the package module. To see how to do this, refer to the Overview article of the specific package, for example, the Dropdowns.
Grid
Why is the Grid so slow in Internet Explorer?
The slow loading is due to the specifics of the Internet Explorer browser. However, you can optimize the Grid performance.
Kendo UI for Angular no longer provides support for Internet Explorer since the end of 2022.
Does the Grid support grouping?
Sure it does. Refer to the article on grouping in the Grid and the API index of the Grid.
Does the Grid support server-side sorting and paging?
Yes, server-side data operations are supported through the Angular HTTP client and endpoints that accept query string options.
Does the Grid for Angular support detail templates and header attributes, similar to the Grid for jQuery?
Yes, it does. Refer to the articles on master-detail Grids and the Grid API.
Are all Grid features which are supported by Kendo UI for jQuery available in Kendo UI for Angular?
The Angular Grid is catching up fast. For more information on planned features, refer to the Roadmap.
DropDowns
Does the DropDownList support OData?
Yes, it does. However, Kendo UI do not plan to have a DataSource component in Kendo UI for Angular. Having a DataSource component, such as the one in the Kendo UI for jQuery suite, does not fit well in the Angular context. The framework already provides most of the DataSource functionalities such as the ability to fetch data, change tracking, and others. You can also use other libraries and patterns for working with data.
Does the ComboBox provide an AutoComplete-like functionality?
Yes, it does. The ComboBox component supports a primitive AutoComplete-like functionality as well as binding to an asynchronous source. It is possible to bind to the filterChange
event of the Kendo UI ComboBox for Angular with an event handler that will debounce, query an API, and update the member bound to [data]
with the results.
Styling
Can I apply SCSS-based custom styles with Kendo UI for Angular?
Yes, you can. All available themes provide options for customization.
To modify the variables of each theme, refer to these articles:
- Customize the Default theme
- Customize the Bootstrap theme
- Customize the Material theme
- Customize the Fluent theme
- Customize the Classic theme
Why do I have to include the CSS for Kendo UI components? Why are CSS not included in the @Component
that is created?
Both approaches are possible. The inclusion of the CSS at the component level allows the style encapsulation of the native or emulated Shadow DOM.
How can I use Kendo UI for Angular in Visual Studio 2015?
Yes, you can. First, set up Angular to work with Visual Studio. Then, integrate the Kendo UI for Angular components as described in the article on getting started with Kendo UI for Angular.
How can I customize the styles for the components in Kendo UI for Angular?
You can customize the styles by using CSS overloads or SASS. For more information on the styling options, refer to the overview of the Kendo UI for Angular themes and styles.