RadEditor with Large Image in Content Overflows Control

[Tim]

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

[Vessy]

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