RadEditor in RadPageVIew Rendering Issues

[Chris]

First off - we are using the latest and greatest ASP.NET AJAX RadEditor/RadPageView/RadTabStrip assemblies.  Our particular implementation is that of a single editor swapped in and out of placeholders triggered with "click-to-edit" or in-place editing type functionality (whatever you want to call it).  If the RadEditor exists on a RadPageView that is shown when the page loads (i.e. the 1st tab) then the toolbars are rendered perfectly fine.  However, if the RadEditor is not shown until one shows a second or third RadPageView (i.e. 2nd or 3rd tab) then the toolbars are incorrectly rendered: they don't wrap correctly or they are cut off by the text entry area. 

Now a workaround for this is to position a mock/unused RadEditor on the 1st RadPageView and wrap it with an absolutely positioned div that takes it off screen.  Note: if you wrap that mock RadEditor in a display:none div then the toolbar rendering problem (above) occurs.

Is there anyway around this?  Some RadEditor setting, css, or JavaScript that I have overlooked?  I would prefer not to have a mock/unused RadEditor on every page that I have an editor nested within a tab control.  Any help would be highly appreciated.....

[Rumen]

Hi Chris,

Could you please double check that you are indeed using version 2009.2.826 of Telerik.Web.UI.dll?
The reported problem should be fixed in it.

If you use the latest version and still experience the problem, please open a support ticket and send a sample working project that demonstrates the problem. I will examine it and provide a solution after replicating the problem.

Kind regards,
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.

[Petr Juna]

Hello,

I refer to a similar problem described here, but with newer version (2010.1.415.40).

The problem is in view of RadEditor in one of the bookmarks RadPageView. After testing I found out that this problem can be removed moving the editor to the first tab. But this is for me quite inconvenient. This has not appeared in my testing, but for sure I'll mention it: There are existing two panels ASP:Panel, which can be commuted by DoubleClik (by event RadAjaxManager. OnAjaxRequest). But I think it's really not the problem. One more observation: This all is not happening, if empty RadEditor appears. If I put there any text, the editor graphically spills.

This problem happens in IE 7 and 8

 

I am sending a part of code where this happens.

    <asp:Panel ID="pnlEditLanguage" runat="server" Visible="false">

        <telerik:RadFormDecorator ID="RadFormDecorator2" runat="server" DecoratedControls="All" />

        <telerik:RadTabStrip ID="RadTabStrip11" runat="server" MultiPageID="RadMultiPage12"

            SelectedIndex="0" CausesValidation="false">

            <Tabs>

                <telerik:RadTab Text="<%$ Resources: EditLanguage.lbTitleFullText %>" ImageUrl="~/App_Themes/Black/Images/Icons/textpage.png">

                </telerik:RadTab>

                <telerik:RadTab Text="<%$ Resources: EditLanguage.lbTitleGeneral %>" ImageUrl="~/App_Themes/Black/Images/Icons/general.png">

                </telerik:RadTab>

                <telerik:RadTab Text="<%$ Resources: EditLanguage.lbTitleLongText %>" ImageUrl="~/App_Themes/Black/Images/Icons/texts.png">

                </telerik:RadTab>

            </Tabs>

        </telerik:RadTabStrip>

        <div class="windowMain2">

            <asp:ValidationSummary ID="ValidationSummary1" runat="server" CssClass="ErrorFeedBack" />

            <telerik:RadMultiPage ID="RadMultiPage12" runat="server" SelectedIndex="0">

                <telerik:RadPageView ID="RadPageView6" runat="server" CssClass="box pageTable">

                    <span>

                        <%= GetLocalResourceObject("EditLanguage.lbFullText").ToString()%></span>

                    <telerik:RadEditor ContentAreaCssFile="~/System/Styles/Telerik/TelerikStyle.css"

                        ID="txtEditLanguageFullText" runat="server" ContentFilters="MakeUrlsAbsolute">

                        <Modules>

                            <telerik:EditorModule Name="RadEditorStatistics" Visible="false" Enabled="true" />

                            <telerik:EditorModule Name="RadEditorDomInspector" Visible="false" Enabled="true" />

                            <telerik:EditorModule Name="RadEditorNodeInspector" Visible="false" Enabled="true" />

                            <telerik:EditorModule Name="RadEditorHtmlInspector" Visible="false" Enabled="true" />

                        </Modules>

                        <ImageManager UploadPaths="~/Data" ViewPaths="~/Data" SearchPatterns="*.gif,*.jpg,*.jpeg,*.png,*.bmp" />

                    </telerik:RadEditor>

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="<%$ Resources: EditLanguage.val.txtFullText %>"

                        ControlToValidate="txtEditLanguageFullText">*</asp:RequiredFieldValidator>

                </telerik:RadPageView>

                <telerik:RadPageView ID="RadPageView4" runat="server" CssClass="box pageTable">

                    <table>

                        <tr>

                            <td>

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbLanguage").ToString()%></span>

                            </td>

                            <td>

                                <telerik:RadComboBox ID="cbLanguage" runat="server" DataTextField="Name" DataValueField="Id"

                                    Width="204px" Style="z-index: 10">

                                </telerik:RadComboBox>

                            </td>

                            <td>

                                &nbsp;

                            </td>

                            <td>

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbName").ToString()%></span>

                            </td>

                            <td>

                                <telerik:RadTextBox ID="txtEditLanguageName" runat="server" MaxLength="500" Width="200px">

                                </telerik:RadTextBox>

                            </td>

                            <td>

                                <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ErrorMessage="<%$ Resources: EditLanguage.val.txtName %>"

                                    ControlToValidate="txtEditLanguageName">*</asp:RequiredFieldValidator>

                            </td>

                        </tr>

                        <tr>

                            <td>

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbSeoName").ToString()%></span>

                            </td>

                            <td>

                                <telerik:RadTextBox ID="txtEditLanguageSeoName" runat="server" MaxLength="500" Width="224px"

                                    ButtonsPosition="Right" ShowButton="true" ButtonCssClass="">

                                    <ClientEvents OnButtonClick="btnShowSeoName" />

                                </telerik:RadTextBox>

                            </td>

                            <td>

                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="<%$ Resources: EditLanguage.val.txtSeoName %>"

                                    ControlToValidate="txtEditLanguageSeoName">*</asp:RequiredFieldValidator>

                            </td>

                            <td>

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbSeoKeywords").ToString() %>

                                </span>

                            </td>

                            <td>

                                <telerik:RadTextBox ID="txtEditLanguageSeoKeywords" runat="server" MaxLength="255"

                                    ButtonCssClass="" Width="200px" />

                            </td>

                        </tr>

                        <tr>

                            <td>

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbSeoDescription").ToString() %>

                                </span>

                            </td>

                            <td>

                                <telerik:RadTextBox ID="txtEditLanguageSeoDescription" runat="server" MaxLength="512"

                                    ButtonCssClass="" Width="200px" />

                            </td>

                        </tr>

                    </table>

                </telerik:RadPageView>

                <telerik:RadPageView ID="RadPageView5" runat="server" CssClass="box pageTable">

                    <table>

                        <tr>

                            <td valign="top">

                                <span>

                                    <%= GetLocalResourceObject("EditLanguage.lbShortText").ToString()%></span>

                            </td>

                            <td>

                                <telerik:RadTextBox ID="txtEditLanguageShortText" runat="server" MaxLength="2000"

                                    Width="500px" Height="150px" TextMode="MultiLine">

                                </telerik:RadTextBox>

                            </td>

                        </tr>

                    </table>

                </telerik:RadPageView>

            </telerik:RadMultiPage>

            <asp:Button ID="btnEditSave" runat="server" Text="<%$ Resources: EditLanguage.btnSave %>"

                OnClick="btnEditSave_Click" />

            <asp:Button ID="btnEditStorno" runat="server" Text="<%$ Resources: EditLanguage.btnStorno %>"

                OnClick="btnEditStorno_Click" CausesValidation="false" />

        </div>

    </asp:Panel>

 

C#:

txtEditLanguageFullText.Content = Server.HtmlDecode(lang.FullText);

 

[Rumen]

Hi Petr,

I have two suggestions:
1) Please, test the latest available build Q3 2010 SP2 (version 2010.3.1317) to make sure that the problem still persists.
2) Register the external skins of RadEditor as demonstrated in the following KB article: Registering an external skin of RadEditor.

If the above suggestions do not help, please isolate the problem in a simple fully working project and send it for examination by opening a support ticket. Please, include either a video or screenshots that demonstrate the steps to reproduce the issue.

Kind regards,
Rumen
the Telerik team