New to Kendo UI for Angular? Start a free 30-day trial

Reuse the Configuration for All Buttons

Environment

ProductProgress® Kendo UI® for Angular Button

Description

I'm trying to set all my buttons to have a rounded border. The documentation shows how to set rounded to full, but that will mean I have to change every single button in my app. Is there a way to make full a default value for the button roundness for my app?

Solution

You can create a custom directive with the same selector as the kendoButton directive. Then, get a reference to the instance of the kendoButton and set the rounded property.

Example
View Source
Change Theme:

In this article

Not finding the help you need?