RadEditor dialogs in iframe

[Ivan]

Hi.

We have a page with RadEditor placed into an iframe. Opening dialog when a size of dialog is bigger than the size of iframe looks not good (radwindow-dialog.png).
We tried to use browser modal dialog by calling client-side function set_useClassicDialogs(true). In this case, the popup dialog is smaller than the content and we need to scroll or maximize the window (browser-modal-dialog.png).

We use 2020.1.219.35 version.

Any suggestions to get auto-resized dialog over iframe would be much appreciated.

[Rumen]

Hi Ivan,

As you know the iframe is like a browser window in the browser and it is not possible to open HTML elements from outside the iframe. That's why the set_useClassicDialogs(true) is suitable for this scenario since the editor will use browser dialogs which are window dialog which can be loaded from outside the iframe.

The only thing you need to configure is the Table Wizard dialog dimensions with the help of the code below:

        <telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
        </telerik:RadEditor>
        <script type="text/javascript">
            function OnClientLoad(editor, args) {
                editor.set_useClassicDialogs(true);
                var dialogOpener = editor.get_dialogOpener();

                dialogOpener.get_dialogDefinitions()["TableWizard"].Width = "860px";
                dialogOpener.get_dialogDefinitions()["TableWizard"].Height = "650px";
            }
        </script>

 

Regards,
Rumen
Progress Telerik

[Ivan]

Thanks Rumen for your reply. We have implemented this solution.

[Rumen]

You are welcome, Ivan. Have a productive week ahead!

 

Best Regards,
Rumen
Progress Telerik