This is a migrated thread and some comments may be shown as answers.

RadEditor : Media dialog broken on IE and Safari .

3 Answers 64 Views

Editor

This is a migrated thread and some comments may be shown as answers.

Rahul asked on 06 Jan 2017, 04:10 PM

2017-01-06-21_34_13-new-notification.png

Hello Team,

I have implement RadEditor (version : 2016.3.1027.45) its work fine on chrome /mozila browser.
But on IE and Safari All dialog (Image/ Video/document ) are broken the UI. i have attached the screen-sort.

Also we have add the setting in web.config file

</httpHandlers>

</handlers>

Please review and provide the solution

3 Answers, 1 is accepted

answered on 10 Jan 2017, 07:22 AM

Hello Rumen,

Thanks for looking into it. following are the my Answer .
1)Can you confirm that the Media Manager dialog looks OK in Firefox and Chrome, but not on IE and Safari Mac? Ans : Yes
2)Do you use any custom skins? Ans :No, use default rad skin

3) Do you have any proxy servers? Ans : No

4) Are there any CSS stylesheet that could break its appearance? Ans: No, As per our Analysis styleshhet not apply on iframe inner element on IE and Safari.

5)Are there any 404 errors in the browser console? Ans: No

Other Information: Actually previously we are using Telerik 10. Version . At Version 10 RadEditor and Dialog working fine on All browser. Now we are upgrated it to Telerik 2016.3.1027.45., while testing we have get the IE/ Safari browser issue.

Thanks,

Rahul

answered on 12 Jan 2017, 12:12 PM

Hello Rahul,

There a known issue discussed in the following bug item: Editor dialog styles are broken when CombinedResource is enabled in RadStyleSheetManager., which is the most likely reason for the problem on your end.

It can be reproduced with the following configuration:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableCdn="true">

<CdnSettings CombinedResource="Enabled" />

</telerik:RadScriptManager>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" CdnSettings-CombinedResource="Enabled"></telerik:RadStyleSheetManager>

<telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>

The issue is already fixed and will not exist in the upcoming in next week R1 2017.

Until then there is a workaround that you can try and it is to set the TelerikCdn property instead of EnableCdn in the RadScriptManager.

If your scenario appears other, please open a support ticket and provide a simple working project that demonstrates the appearance problem.

Best regards,
Rumen
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.