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

[Solved] Editor formatting goes bad after postback in another ajax tab

4 Answers 114 Views

Editor

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

Ben Grossman asked on 19 Nov 2009, 09:00 PM

I have produced the following code sample:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="exampleForTelerik._Default" %> 
        
            <!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> 
        
                <asp:UpdatePanel ID="updatePanel1" runat="server"> 
        
                    <ContentTemplate> 
        
                        <ajax:TabContainer runat="server" ID="tc"> 
        
                                <ajax:TabPanel runat="server" ID="tpGeneralInformation" HeaderText="General Information"> 
        
                                    <ContentTemplate> 
        
                        <telerik:RadEditor ID="edHeaderText" runat="server" EnableEmbeddedBaseStylesheet="true" Width="700px" ><CssFiles><telerik:EditorCssFile Value="" /></CssFiles></telerik:RadEditor> 
        
                        </ContentTemplate> 
        
                        </ajax:TabPanel> 
        
                        <ajax:TabPanel runat="server" ID="tpSubmission" HeaderText="Submission"> 
        
                            <ContentTemplate> 
        
                                <asp:Button runat="server" Text="Press me" /> 
        
                            </ContentTemplate> 
        
                        </ajax:TabPanel> 
        
                        </ajax:TabContainer> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
                </form> 
        
            </body> 
        
            </html>

After clicking the button in the second tab and then clicking back to the first tab, the formatting of the Editor gets completely messed up. Is there an easy way to fix this? Note that I have to include the empty

part of my code so that my master css file doesn't overwrite the css of the editor.

Thanks in advance,
Ben

4 Answers, 1 is accepted

answered on 25 Nov 2009, 08:01 AM

Hi Ben,

Could you please try to register the external skin of RadEditor by following the instructions in this KB article: Registering an external skin of RadEditor?

To set the CssFiles property you should also specify some css file - it could be empty, e.g.

<telerik:RadEditor ID="edHeaderText" runat="server" Width="700px" >
            <CssFiles>
                                  <telerik:EditorCssFile Value="~/empty.css" />
            </CssFiles>
</telerik:RadEditor>

If you are unable to solve the problem, please open a support ticket and send a sample working project that demonstrates it. After that I will try to provide a solution.

Sincerely yours,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Accepted