Hi Support,

We are using licensed version of Telerik UI for ASP.NET AJAX.

Telerik.Web.UI and Telerik.Web.UI.Skins with version  "2014.3.1209.45".

We are planning to upgrade our .Net framework to 4.7 ( to the latest framework).

Currently we are using .Net framework 4.5., and the above mentioned Telerik dlls.

How can we upgrade telerik dlls to the latest? Which is the latest version of  Telerik UI for ASP.NET AJAX, which will support .Net latest version ?

Will there be any impact if we upgrade to latest version ? 

In the application, we use RadGrid, RadButton, AjaxManager etc..

 

Please let us know.

 

Thanks,

Sangeetha

Hi Support,

I tried to upgrade the Telerik.Web.UI and Telerik.Web.UI.Skins with version  "2014.3.1209.45" to 2017* and 2019* versions.

But after upgrade, I am facing some style issues. I have attached how the image is overlapping the text in a RadButton.

When I reverted to 2014* version, that issue gone.

Please help me to understand, why that styling issue? and what i should do to resolve it?

Or which is the higher version , which I can upgrade to solve this issue?

Thanks,

Sangeetha

 

Hi Sangeetha,

The latest version of Telerik UI for ASP.NET AJAX do support .NET 4.7. Just prior doing it an upgrade, check the upgrade instructions at Upgrade to a Newer Version of Telerik® UI for ASP.NET AJAX, e.g.

Before stating an upgrade of your project, you may find it useful to review the following resources:

• The Known Issues and Important Changes sticky thread. It lists changes that may affect your code and known regression issues (that are usually fixed in the subsequent release). Review the information for the releases you go through so you can evaluate whether you will be affected by anything.

• The Telerik Upgrade API Analyzer can analyze your C# code to notify you of changes between your version and the new version you want to upgrade to. It offers information as of the Q1 2012 (2012.1.225) release.

• UI for ASP.NET AJAX Release History—reviewing the release notes for all releases you go through will let you see what has changed, what fixes, features and controls have been implemented so you are better prepared to meet your project's challenges.

As to the reported problem in 2019, please set some wider width to the buttons and test again.

Please also examine this forum for another idea - https://www.telerik.com/forums/buttons-overlapping-in-table-cells.

Please note that without a sample reproduction project or a live URL to the problematic page it will be hard to guess why the icons are overlapping - this could be due to the RenderMode or some global CSS class on the page.

My advice is to disable the page stylesheet and if the problem still persists to examine these help article Embedded Icons and demo, which shows how to embed icons in the latest version.
You can also examine the icons with the DevToolbar HTML inspector and the CSS applied to them so that you can see what CSS is causing the problem. 

Regards,
Rumen
Progress Telerik

Hi Rumen,

While debugging the styles, i could see that " .RadButton .rbDecorated" css from telerik is causing the issue.

 .RadButton .rbDecorated {
            padding-left: 8px;
        }

this is the style from Telerik. And i tried to override that by the following code in the master pages.,

 <style type="text/css">
        .RadButton .rbDecorated {
            padding-left: 0px !important;
        }
    </style>

But still issue exists. Runtime, if I hide "padding-left: 8px;" in  .RadButton .rbDecorated class, still overlapping issue exists.

Ref:https://www.telerik.com/forums/problem-with-radbutton-skin

 

Thanks,

Sangeetha

Hi Rumen,

For your reference, please find the attachment, which shows before and after hiding the " .RadButton .rbDecorated " padding-left property.

Thanks,

Sangeetha

 

Hi Rumen,

Please find the attachement, which shows the difference with  .RadButton .rbDecorated {   padding-left: 8px;} , before and after hiding that.

Thanks,

Sangeetha

attachment

Hi Sangeetha,

Thank you for the screenshots!

My advice is to not hiding the padding-left, but to increase the padding-right setting:



or 


and see which one works better for your scenario.

Regards,
Rumen
Progress Telerik