RadEditor with Large Image in Content Overflows Control

2 posts, 0 answers
  1. Tim
    Tim avatar
    1 posts
    Member since:
    May 2013

    Posted 24 May 2013 Link to this post

    I've got a problem when I have a large image in the content of my RadEditor, it seems to ignore my height or width settings (depending on where its viewed)

    I did a simple test with the RadEditor set as:

    <telerik:RadEditor ID="radEmailContent" runat="server" Width="500px" Height="500px" />


    Then, in my code-behind, I set the content to:

    radEmailContent.Content = "<p>This is a giraffe:</p><img src=""http://kitundu.files.wordpress.com/2012/02/giraffe-snack.jpg"" alt=""giraffe"" /><p>Cool, huh?</p>"


    Doing this on a PC, it works the way I'd expect (see attached giraffeiframepc.jpg).  However, on an iPad, the image runs off the bottom, covering the buttons (giraffeiframeipad.jpg).  Looking around, I heard people say that iPads have an issue with Rich Text Editors and iFrames, so I tried adding the "ContentAreaMode="Div"" parameter.  But when I do that, the image runs off to the right (giraffediv.jpg).  I also tried setting the EditorCssFile to an empty .css file in case it was pulling in a strange style from somewhere else. 

    Is this a known bug?  Am I doing something wrong?  Help, please!

     - Tim


  2. Vessy
    Admin
    Vessy avatar
    1983 posts

    Posted 29 May 2013 Link to this post

    Hi Tim,

    As you have assumed, this is a known behavior connected with a scrolling limitation of the iframe under iPAD. For more detailed information on the subject along with possible ways to workaround it, you could review the following forum tread: RadEditor with large text display problems on iOS devices

    Regarding a possible usage of "ContentAreaMode="Div" - its rendering is also specific under iPAD but you can try to control it with the following CSS style:
    <style type="text/css">
        #<%=RadEditor1.ClientID%>_contentDiv
        {
            width: 600px !important; //the desired width of the Editor
        }
    </style>

    I hope this information would be helpful for you.

    Regards,
    Veselina Raykova
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top