Dialog action buttons styled differently in v5.0.0 vs v4.2.2. How to appy v4.2.2 styles?

3 Answers 215 Views
Dialog
Murray
Top achievements
Rank 1
Iron
Veteran
Murray asked on 29 Apr 2021, 05:59 PM

I have just updated my dialogs to use the latest 5.0.0 dependency and now I see a major difference in the way the action buttons are rendered. Previously the buttons took up all the space across the bottom of the dialog, and now they have shrunk and are placed bottom right. Please see attached pics of the difference. How do I render them as before? I've tried passing actionLayout: "stretched" to the dialog service when creating them but this has no effect.

 

 

3 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 30 Apr 2021, 06:16 AM

Hello Murray,

It looks like that in the second screenshot there is an issue with loading the action button styles, as they look like a regular browser ones.

Could you check which version of the `kendo-angular-buttons` package is currently installed? It should be `v6.0.0` or above.

Additionally please check which version of the kendo themes is used. You could find information about the supported themes on the following Change Log documentation page:

https://www.telerik.com/kendo-angular-ui/components/dialogs/changelog/#8ef6910a-027f-590e-81bb-7ac20262455c

I am looking forward to hearing from you if further assistance is required.

Regards,
Dimiter Madjarov
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Murray
Top achievements
Rank 1
Iron
Veteran
commented on 30 Apr 2021, 02:30 PM

So I have checked - I am using "@progress/kendo-angular-buttons": "^6.1.1", and "@progress/kendo-theme-default": "^4.37.0". I see k-dialog-button-layout-stretched applied as a style class, but seems that style isn't defined...
0
Dimiter Madjarov
Telerik team
answered on 30 Apr 2021, 04:10 PM

Hello again Murray,

You are correct. I double checked the styles and there was indeed an issue on our end due to an upcoming design change with stretched buttons. I have applied the corresponding updates and published version 5.0.1 of the `kendo-angular-dialog` package which contains the fix. Please excuse us for this inconvenience.

Regards,
Dimiter Madjarov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Murray
Top achievements
Rank 1
Iron
Veteran
commented on 30 Apr 2021, 04:14 PM

Do I win a prize?
0
Dimiter Madjarov
Telerik team
answered on 03 May 2021, 05:27 AM

Hello Murray,

I have updated your Telerik points as a small sign of gratitude for notifying us about the bug.

I wish you a great week ahead.

Regards,
Dimiter Madjarov
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Tags
Dialog
Asked by
Murray
Top achievements
Rank 1
Iron
Veteran
Answers by
Dimiter Madjarov
Telerik team
Share this question
or