Disable the combo box

0 Answers 127 Views
ComboBox
Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
Jyothi asked on 19 Dec 2022, 07:48 PM

Hi,

We upgraded the kendo-dropdown from

  "@progress/kendo-angular-dropdowns": "5.0.0",

to

 "@progress/kendo-angular-dropdowns": "7.0.0",

 

In earlier version, we were able to disable the combo box. I see that the combo box is applying the style See image below.

In in the latest version, it doesn't apply this tyle and the field is editable.

What can we do disable it? Any help is greatly appreciated.

 

Georgi
Telerik team
commented on 20 Dec 2022, 01:55 PM

Hello Jyothi, 

Thank you very much for the screenshots provided.

The desired functionality for the ComboBox component could be achieved with the use its built-in disabled property and setting its value to false.

Below, you can find a StackBlitz demo which showcases such an implementation:

https://stackblitz.com/edit/angular-igm4nj?file=src%2Fapp%2Fapp.component.ts

With the latest versions of the theme, now k-disabled class was used instead k-state-disabled. The change intends to unify the CSS styles across the products from different Kendo suites:

I hope this works for you. 

Best regards,
Georgi

 

No answers yet. Maybe you can help?

Tags
ComboBox
Asked by
Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or