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

RadEditor : Media dialog broken on IE and Safari .

3 Answers 22 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Rahul
Top achievements
Rank 1
Rahul asked on 06 Jan 2017, 04:10 PM

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>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

<handlers>

<add name="Telerik.Web.UI.DialogHandler" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

</handlers>

Please review and provide the solution

 

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 09 Jan 2017, 04:17 PM

Hello Rahul,

Can you confirm that the Media Manager dialog looks OK in Firefox and Chrome, but not on IE and Safari Mac?

Do you use any custom skins?

Do you have any proxy servers?

Are there any CSS stylesheet that could break its appearance?

Are there any 404 errors in the browser console?

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.
0
Rahul
Top achievements
Rank 1
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

 

 

 

0
Rumen
Telerik team
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.
Tags
Editor
Asked by
Rahul
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Rahul
Top achievements
Rank 1
Share this question
or