CODEWITHSUNDEEP
angularbuttonkendo-ui
Aras
Aras

Reputation: 1597

kendo ButtonSize not working on angular framework

I try to change the size of the button but unfortunately, that's not working on angular farmwork. I use the Bootstrap kendo UI.

I don't want to use static style, like this: height:30px

example of code:

<button kendoButton [primary]="true" size="large">Browse</button>

the size property not working on angular.

reference of kendo UI

have any idea, guys?

Upvotes: 0

Views: 719

Answers (3)

eeml
eeml

Reputation: 1

First you must import ButtonSize on the Typescript code, and create a variable for the size desired ("small" | "medium" | "large" | "none" according to documentation: https://www.telerik.com/kendo-angular-ui/components/buttons/api/ButtonSize/):

import { ButtonSize } from '@progress/kendo-angular-buttons';

export class AppComponent {
  public buttonSize: ButtonSize = "large";
}

Then you can use that buttonSize on your html:

<button kendoButton [primary]="true" [size]="buttonSize">Browse</button>

Another option is to write the size directly on the size property (remember to use '' to wrap up the size name):

<button kendoButton [primary]="true" [size]="'large'">Browse</button>

Upvotes: 0

vaira
vaira

Reputation: 2270

kendoButton does not have an attribute for button size or buttonSize in their ButtonDirective. (checked in their module)

Upvotes: 1

Edunno
Edunno

Reputation: 91

https://www.telerik.com/kendo-angular-ui/components/buttons/api/ButtonSize/

There may be a value called ButtonSize

Upvotes: 0

Related Questions