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

RadEditor Not working in Firefox with Ajax Panel

2 Answers 148 Views

Editor

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

Gene asked on 31 Jul 2009, 04:18 PM

Hello,

I have seen a similar problem to this elsewhere, but have not been able to get any of the proposed solutions to work. Here is my issue:

I have a page with a RadTabStrip and RadMultiPage. The tabstrip is being used only as an indicator of progress, while I am using next and back buttons on each pageview to move between the items (using the "wizard" functionality). I have the whole thing inside an ajaxpanel, because I didn't want the whole page to reload each time the user clicked next or back.

I have a RadEditor on the 2nd pageview (so it is hidden at first). In IE, everything works fine. However, in Firefox, when the RadEditor is initially hidden, then shown after the user clicks next, I cannot click in the content area to edit. If I click the Preview button, then go back to Design (we have disabled the HTML view), I can click in and edit the content area, but none of the buttons work. If I click one of the buttons (like Bold), it just adds a "#" to the path of the page, so I'm assuming that whatever javascript was supposed to run when clicking that button isn't running.

If I remove the ajaxpanel, the RadEditor works fine in Firefox, so I'm assuming it's related to the AjaxPanel. I would like to be able to use the AjaxPanel, because I want an indicator for the user to see that something is going on between steps.

Here is a basic form that I just tested that illustrates the issue:
(I am using Firefox 3.0.10, and RadControls for ASP.NET AJAX Q1 2009)

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager id="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" /> 
        
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" EnablePageHeadUpdate="false">  
        
                <telerik:RadTabStrip ID="RadTabStrip1"  
        
                                         runat="server"  
        
                                         MultiPageID="RadMultiPage1"  
        
                                         SelectedIndex="0"  
        
                                         EnableEmbeddedSkins="false" 
        
                                         meta:resourceKey="RadTabStrip1Resource1"> 
        
                        <Tabs> 
        
                            <telerik:RadTab PageViewID="Step 1" Selected="true" runat="server" CssClass="progress current" /> 
        
                            <telerik:RadTab PageViewID="Step 2" runat="server" CssClass="progressDisabled" /> 
        
                            <telerik:RadTab PageViewID="Step 3" runat="server" CssClass="progressDisabled" /> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">  
        
                        <%-- STEP 1 --%> 
        
                        <telerik:RadPageView ID="SelectAudience" runat="server" Selected="true" meta:resourceKey="SelectAudienceResource1"> 
        
                            <p>Step 1</p>                
        
                            <div class="block append-bottom"> 
        
                                <div class="prepend-16 span-6" align="center"> 
        
                                    <asp:Button ID="btnNextStep1" runat="server" CssClass="next"  
        
                                        text="Step 2" /> 
        
                                </div> 
        
                            </div> 
        
                        </telerik:RadPageView>            
        
                        <%-- STEP 2 --%> 
        
                        <telerik:RadPageView ID="CreateMessage" runat="server" meta:resourceKey="CreateMessageResource1"> 
        
                            <div class="block">                  
        
                                <div class="span-24">             
        
                                    <telerik:RadEditor ID="txtMessage"  
        
                                                       runat="server"  
        
                                                       Skin="Vista" 
        
                                                       SkinID="messageEdit" 
        
                                                       EditModes="Design, Preview"  
        
                                        meta:resourceKey="txtMessageResource1" > 
        
                                        <Tools> 
        
                                            <telerik:EditorToolGroup> 
        
                                                    <telerik:EditorTool Name="Bold" /> 
        
                                                    <telerik:EditorTool Name="Italic" /> 
        
                                                    <telerik:EditorTool Name="Underline" /> 
        
                                                    <telerik:EditorTool Name="AjaxSpellCheck" /> 
        
                                                    <telerik:EditorTool Name="Copy" /> 
        
                                                    <telerik:EditorTool Name="Cut" /> 
        
                                                    <telerik:EditorTool Name="Paste" /> 
        
                                                    <telerik:EditorTool Name="PasteFromWord" /> 
        
                                                    <telerik:EditorTool Name="Undo" /> 
        
                                                    <telerik:EditorTool Name="InsertTime" />                                       
        
                                                    <telerik:EditorTool Name="JustifyLeft" /> 
        
                                                    <telerik:EditorTool Name="JustifyCenter" /> 
        
                                                    <telerik:EditorTool Name="JustifyRight" /> 
        
                                                    <telerik:EditorTool Name="Superscript" /> 
        
                                                    <telerik:EditorTool Name="Subscript" /> 
        
                                            </telerik:EditorToolGroup> 
        
                                        </Tools> 
        
                                        <Content> 
        
                                        </Content> 
        
                                    </telerik:RadEditor> 
        
                                </div> 
        
                            </div> 
        
                           <div class="block append-bottom"> 
        
                                <div class="prepend-10 span-12" align="center"> 
        
                                    <asp:Button ID="btnPreviousStep2" runat="server" CssClass="previous"  
        
                                        Text="Back" CausesValidation="False" /> 
        
                                    <asp:Button ID="btnNextStep2" runat="server" CssClass="next" Text="Step 3"  
        
                                        ValidationGroup="2"  /> 
        
                                </div> 
        
                            </div> 
        
                        </telerik:RadPageView>         
        
                        <%-- STEP 3 --%> 
        
                        <telerik:RadPageView ID="Confirmation" runat="server">             
        
                            <p>Step 3</p>    
        
                            <div class="block append-bottom"> 
        
                                <div class="prepend-4 span-6" align="center"> 
        
                                    <asp:Button ID="btnPreviousStep3" runat="server" CssClass="previous"  
        
                                        Text="Back" CausesValidation="False"  
        
                                        meta:resourceKey="btnPreviousStep3Resource1" /> 
        
                                </div> 
        
                                <div class="span-6" align="center"> 
        
                                    <asp:Button ID="btnStartOver" runat="server" CssClass="startOver"  
        
                                        Text="Start Over" CausesValidation="False"  /> 
        
                                </div> 
        
                            </div>            
        
                        </telerik:RadPageView> 
        
                    </telerik:RadMultiPage>  
        
                    </telerik:RadAjaxPanel> 
        
                </form> 
        
            </body> 
        
            </html>

Any help is greatly appreciated.

Thanks,
Gene

2 Answers, 1 is accepted

Accepted