Problem with RichTextEditor in a Modal dialogue pop-up window in IE.

[Arvind]

Hi,

 

I'm trying to use a RTE in a modal dialogue pop-up window. The problem I'm having is that the control is disabled but it works fine if it's not a modal dialogue pop-up. This happens in IE but it works perfectly fine in firefox regardless of where the control is (in a modal dialogue pop-up  or not).

 

I have the RTE control in a partial view. Below is my code for RTE. I need just the textbox so I removed toolbar and most of the options.

@(Html.Syncfusion().RichTextEditor("Comments").ShowToolBar(false).ShowInsertFormElement(false).ShowFontOption(false).ShowHtmlSource(false).AllowEdit(true).Enable(true))

 

Thanks,

Arvind

[Rajaveni]

Hi Arvind,

Thank you using Syncfusion products.

Can you please attach the sample for reproducing the reported error along with the system requirements [Product Version, .NET Framework Version, Browser Information, Operating System, Visual Studio Version].  We will check the sample and update more details once the details are shared with us.

Thanks,
Rajaveni

[Arvind]

Hi,

 

I have attached the project. The RTE controls works fine in a regular window but not in a popup (My pop up is a modal dialog window). I'm having this issue in IE but it works fine in Mozilla Firefox.

 

Below is the information requested

 

Product Version: 11.2.0.25

.NET Framework Version: 4.5.50709

Browser Information: IE 9

Operating System: Windows 7

Visual Studio Version: Visual Studio 2012

 

Thanks,

Arvind

RTEIssue_1d5f33c9.zip

[Rajaveni]

Hi Arvind,

RichTextEditor is exposed to edit in chrome and Firefox browsers. In case of Internet Explorer,it does not allow the content to edit since the control was not focused properly .So we suggest you to set content editable as True after some delay in RTE. We have prepared a sample with RichTextEditor in PartialView and RichTextEditor is overloaded to satisfy your requirement.

<code>

[RTE.cshtml(PartialView)]

 

  <script type="text/javascript">

 

  function onLoad(sender, args){

        var frame = document.getElementById('Comments_IFrame');

        var frameDoc = frame.contentDocument || frame.contentWindow.document;

        if ($.browser.msie)

            frameDoc.body.contentEditable = true;

       }

   </script>

 

@(Html.Syncfusion().RichTextEditor("Comments").ShowToolBar(false).ShowInsertFormElement(false).Width(450).ShowFontOption(false).ShowHtmlSource(false).AllowEdit(true).Enable(true).ClientSideOnLoaded("onLoad"))

 

 

</code>

We have prepared a simple sample to exhibit this behavior. It is available in the following link.

RTEIssue.zip

Please let us know if you require further assistance on this.

Regards,

Rajaveni

RTEIssue_3c307bb.zip