Completed
Last Updated: 23 Jun 2021 08:21 by ADMIN
Release R2 2021 SP1
Telerik Admin
Created on: 14 May 2021 11:38
Category: UI for ASP.NET AJAX
Type: Bug Report
5
Font size, family and line-height changed for Classic render mode in R2 2021

The R2 2021 update causes all controls in Classic RenderMode to change their layout and size due to different font-size, font-family and line-height. 

Fixing this change is planned for the upcoming Service Pack.

In the meantime, you can use the styles in the attachment. Due to the fact that the selectors are the same as the ones in the built-in skin, you need to load them either in the beginning of the <body> or using RadStylesheetManager. If you are using the StylesheetManager, ensure you set a big OrderIndex for the entry:

<telerik:RadStyleSheetManager runat="server"  >
    <StyleSheets>
        <telerik:StyleSheetReference Path="fixes.css" OrderIndex="99999" />
    </StyleSheets>
</telerik:RadStyleSheetManager>

Loading the styles in the <head> tag's markup would not work as the Telerik stylesheets are added programmatically at the end of the <head> tag, meaning it will override the preceding files that have the same selector.

The attachment contains a file for each skin and inside it, it has all styles grouped by control. That means you can load only the file for the skin you are using and optionally remove the styles for controls that you are not using. Keep in mind that some more complex controls(e.g. Grid, Editor, DropDownTree, etc.) contain other Telerik controls as child controls, so you would need to keep the styles for the child controls also.

Please excuse us for the inconvenience caused and thank you for your understanding.

 

5 comments
ADMIN
Peter Milchev
Posted on: 23 Jun 2021 08:21

Hello Mike,

Could you please share more details on the exact control where you observe the unexpected font-size as well as the Render mode you are using? 

You can open a support ticket where you can share all these details and once we solve it, we can share the summarized info here.

Regards,
Peter Milchev
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.

Mike Densem
Posted on: 20 Jun 2021 04:45
oops, I meant 14px rather than 12px
Mike Densem
Posted on: 20 Jun 2021 04:42

UI for ASP.NET AJAX R2 2021 SP1 (version 2021.2.616) has NOT fixed this issue.

The font size is set to 15pt rather than the original 12pt.

ADMIN
Peter Milchev
Posted on: 02 Jun 2021 14:51

Hello Brian,

Migrating to Lightweight render mode is a great choice and we encourage everyone that is still using Classic render mode to do the same.

The Classic render mode is in Maintenance mode as of Q3 2015, and all the new components support only Lightweight render mode.

That is why sometimes using the Classic render mode with the new controls could lead to the Mixed render mode issue:

Regards,
Peter Milchev
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.

Brian McKelvey
Posted on: 26 May 2021 16:44

Thanks for the quick response. I decided to add the <add key="Telerik.Web.UI.RenderMode" value="lightweight" /> to my web.config appSettings section and adjust sizing in CSS. I needed to get away from classic render mode anyway. 

Thanks again for the quick reply I really appreciate it.