Problems with radEditor inside a ModalPopupExtender panel

[Josh Anderson]

I have a page which includes a ModalPopupExtender from the AJAX Toolkit.  On this modal popup is a radEditor control.  For some reason, I can't get the editor to work properly in Firefox.

The problem is that the body content area of the editor cannot be selected.  I can't add any text to it.  If I use the HTML editor portion, I am able to type there, but if I switch to the rich text entry it goes away.

It seems to work fine in IE7, though.  Any ideas?

Josh

[Josh Anderson]

Update on this.  According to the Firefox javascript console, almost anything I try to do with the radEditor in a modal popup generates an error when scripts try to find the "this._window" object.

Josh

[Rumen]

Hi Josh,

This browser problem should be fixed in the latest version of RadEditor (Telerik.Web.UI.dll v.2008.2 723). Please, download the latest version and upgrade your project.

If you still experience any problems with the latest release, please open a support ticket and send a sample working project that demonstrates the problem. I will examine it and try to provide a solution.


Sincerely,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Josh Anderson]

Thanks, I updated and that fixed part of the problem.  For some reason, though, Firefox won't show the fonts or font sizes in the dropdowns.  IE7 does.

Here's the tools file I've specified:

<root>
    <tools name="MainToolbar" isribbon = "false" dockable="true">
        <tool name="AjaxSpellCheck"/>
    <tool name="Cut" shortcut="Ctrl+X" />
        <tool name="Copy" shortcut="Ctrl+C"/>
        <tool name="Paste" shortcut="Ctrl+V"/>
    <tool name="PasteFromWord" />
        <tool separator="true"/>
        <tool name="Undo" shortcut="Ctrl+Z"/>
        <tool name="Redo" shortcut="Ctrl+Y"/>
    <tool separator="true"/>
    <tool name="LinkManager" />
    <tool name="Unlink" />
        <tool name="InsertSymbol" />
    <tool name="InsertHorizontalRule" />
    </tools>
    <tools name="AA" isribbon = "false">
    <tool name="FontName" />
    <tool name="RealFontSize" />
        <tool name="Bold" shortcut="Ctrl+B"/>
        <tool name="Italic" shortcut="Ctrl+I"/>
        <tool name="Underline" shortcut="Ctrl+U"/>
        <tool name="StrikeThrough" />
    <tool separator="true" />
    <tool name="JustifyLeft" />
    <tool name="JustifyCenter" />
    <tool name="JustifyRight" />
    <tool name="JustifyFull" />
    <tool separator="true" />
    <tool name="InsertOrderedList" />
    <tool name="InsertUnorderedList" />
    <tool name="ForeColor" />
    </tools>
    <fontNames>
    <item name="Tahoma" />
    <item name="Verdana" />
    <item name="Arial" />
    <item name="Times New Roman" />
  </fontNames>
  <realFontSizes>
    <item value="8pt"></item>
    <item value="10pt"></item>
    <item value="12pt"></item>
    <item value="14pt"></item>
    <item value="16pt"></item>
    <item value="18pt"></item>
  </realFontSizes>
</root>

Josh

[Rumen]

Hi Josh,

This is a z-index css issue which you can easily fix by placing the following class in the page with the editor:

.Default.rade_dropDownBody
{
    z-index: 150000 !important;
}

We have an idea how to fix this problem and you will not need to put this class any more once we are ready with the implementation.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Josh Anderson]

Thanks, that took care of it.  However, when I did a quick test in Safari I noticed that the position of the dropdowns is off -- it appears off the bottom-right corner of the radEditor control.  I assume you guys know about this already since the z-index issue was known, but I figured I'd let you know just in case.

Josh

[Rumen]

Hi Josh,

I am not aware of this problem and I was not able to reproduce it. Is it possible to isolate the problem in a sample working project and send it using the attachment functionality of the support ticketing system under your Client.net account? Please, also include a screenshot of the problem.

I will examine the project and see what is causing the problem. After that we will try to fix the issue or provide a workaround.


Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Josh Anderson]

Support ticket 155269 created.

Josh

[Rumen]

Hi Josh,

Thank you for sending us your project. I was able to reproduce the problem and we will try tomorrow to fix it with our UX developer. If we succeed we will post the solution in the forum.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Rumen]

Hi Josh,

We were able to fix the dropdown position problem by setting

    <style>
    .rade_dropDownBody
    {
        position: fixed !important;
    }
    </style>

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.