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
Do Kendo Angular components work with Zoneless Change Detection?
Kendo UI for Angular components do not support Zoneless Change Detection mode yet. The components use Angular's default Change Detection mechanism to ensure proper rendering and functionality.
We will evaluate adding Zoneless Change Detection support when the minimum supported Angular version includes stable implementations of all features required to refactor our components for zoneless applications (currently supported versions). The implementation requires significant effort, so we cannot provide specific timeframes or roadmap details.
Can I use Kendo UI for Angular in an unsupported Angular framework version?
Yes. To install the library in a legacy Angular application, follow the instructions in Updating to Unsupported Releases.
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.
Are the components in Kendo UI for Angular divided into free and paid batches?
All Kendo UI for Angular components are available with a valid trial or commercial license. The suite includes professional support and scheduled updates for all components.
What are the most suitable code and text editors?
Visual Studio Code is an excellent editor. In addition, we provide extensions for Visual Studio Code.
Where can I find more information?
If you have a question that the Kendo UI for Angular documentation does not answer, refer to our Forum or Knowledge Base articles.
Can I get extended support for deprecated Angular framework versions?
HeroDevs provides Extended Long Term Support (LTS) for deprecated versions of the Angular framework. This ensures your applications remain secure and functional, giving you the flexibility to upgrade at your own pace.
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.
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?
You can monitor the Kendo UI for Angular changelog for updates on new package versions.
Where can I track any new releases of Kendo UI for Angular?
The new Kendo UI releases for Angular are announced on the Kendo Angular Roadmap and Changelog.
Migration and Integration
Can I use Kendo UI for Angular in ASP.NET Core applications?
Yes. Kendo UI Angular integrates in ASP.NET Core applications.
Can I use Kendo UI for jQuery in my Angular application?
Yes. Starting with the 2017 R1 release, you can include the Kendo UI components for jQuery in Angular applications. Previous versions throw a JavaScript error.
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.
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.
Imports and Modules
Can I import all components in one go?
No. You need to import each component individually. However, you can import all components from a single package by importing the package module or utility class (for standalone apps). To see how to do this, refer to the Installation article of the specific package, for example, the Dropdowns.
Styling
How can I customize the styles for the components in Kendo UI for Angular?
You can customize the styles for the components in Kendo UI for Angular by modifying the SCSS variables in the theme files, using CSS custom properties, or by replacing the entire theme. Each approach offers different levels of customization:
- SCSS Variables: Most themes provide SCSS variables for customization. You can override these variables in your styles to change colors, fonts, spacing, and other design elements. This method requires using a build process that supports SCSS.
- CSS Custom Properties: Some themes offer CSS custom properties (variables) that you can override in your styles. This method does not require a build process and can be done directly in your CSS files.
- Complete Theme Replacement: You can also replace the entire theme by importing a different theme package, for example, with a theme created by the ThemeBuilder application.
For detailed instructions on customizing each theme, refer to the theme documentation:
- Default Theme Customization
- Bootstrap Theme Customization
- Material Theme Customization
- Fluent Theme Customization
- Classic Theme Customization
Can I apply SCSS-based custom styles with Kendo UI for Angular?
Yes. 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?
Kendo UI for Angular components require separate CSS inclusion to avoid duplicating styles across multiple components, which would significantly increase bundle size. Global CSS ensures theme consistency, enables easy customization, and improves browser performance through caching.
To include styles, install a theme package (npm install @progress/kendo-theme-default) and import it in your global styles.css file.