This is a migrated thread and some comments may be shown as answers.

Problems with radEditor inside a ModalPopupExtender panel

9 Answers 182 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Josh Anderson
Top achievements
Rank 1
Josh Anderson asked on 04 Aug 2008, 06:32 PM
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

9 Answers, 1 is accepted

Sort by
0
Josh Anderson
Top achievements
Rank 1
answered on 04 Aug 2008, 07:18 PM
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
0
Rumen
Telerik team
answered on 05 Aug 2008, 07:38 AM
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.
0
Josh Anderson
Top achievements
Rank 1
answered on 06 Aug 2008, 04:23 PM
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
0
Rumen
Telerik team
answered on 07 Aug 2008, 10:23 AM
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.
0
Josh Anderson
Top achievements
Rank 1
answered on 08 Aug 2008, 05:14 PM
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
0
Rumen
Telerik team
answered on 11 Aug 2008, 11:42 AM
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.
0
Josh Anderson
Top achievements
Rank 1
answered on 11 Aug 2008, 02:27 PM
Support ticket 155269 created.

Josh
0
Rumen
Telerik team
answered on 11 Aug 2008, 02:51 PM
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.
0
Rumen
Telerik team
answered on 12 Aug 2008, 01:49 PM
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.
Tags
Editor
Asked by
Josh Anderson
Top achievements
Rank 1
Answers by
Josh Anderson
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or