DropDownList CSS/styling broken in 2022.1.119.545?

1 Answer 57 Views
DropDownList
Derek
Top achievements
Rank 1
Derek asked on 20 Jan 2022, 01:20 PM

Today I upgraded one of our web apps to the latest version of UI for ASP.NET MVC and since then the DropDownList component doesn't appear to be rendering/styled correctly. I recreated the theme using the Progress Sass Theme Builder tool to eliminate the stylesheet itself as the issue. I've included screenshots below of what the DropDownList component looks like before and after the upgrade. Can anyone advise? Thanks in advance.

Before upgrade:-

After upgrade:-

Implementation:-

@(Html.Kendo().DropDownListFor(model => model.AssetSubTypeId)
                      .OptionLabel("Asset Type/Subtype...")
                      .BindTo(new SelectList(Lookups.AssetTypeSubType, "Key", "Value"))
                      .Events(events =>
                      {
                          events.Change("onChange_AssetSubTypeDropDownList");
                      }))

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 25 Jan 2022, 10:40 AM

Hi,

The issue is caused by a breaking change introduced in R1 2022 as part of the effort to improve the rendering of the components. For more information on the changes and the reasons behind them, please review the following resources:

Breaking Changes section: https://docs.telerik.com/aspnet-mvc/backwards-compatibility/2022-backwards-compatibility#telerik-ui-for-aspnet-mvc-2022-r1

Blogpost on the improvements to the themes that come with R1 2022: https://www.telerik.com/blogs/improvements-coming-telerik-kendo-ui-themes-2022

The Themebuilder was updated yesterday and it now uses the new R1 2022 themes. We would recommend recreating you custom theme, cause before the yesterday's update the Themebuilder used version R3 2021. A custom theme based on the old themes will result in  appearance issues, if used with R1 2022.

Regards,
Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
DropDownList
Asked by
Derek
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or