RadEditor : Media dialog broken on IE and Safari .

4 posts, 0 answers
  1. Rahul
    Rahul avatar
    3 posts
    Member since:
    Dec 2016

    Posted 06 Jan 2017 Link to this post

    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

     

  2. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 09 Jan 2017 Link to this post

    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.
  3. Rahul
    Rahul avatar
    3 posts
    Member since:
    Dec 2016

    Posted 10 Jan 2017 in reply to Rumen Link to this post

    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

     

     

     

  4. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 12 Jan 2017 Link to this post

    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.
Back to Top