[Solved] RadWindow + RadMultiPage + RadEditor = No Content

[Dean]

Try the following code and see what happens when you click on different tabs. I find that the RadEditor in Tab1 looks fine, but the other RadEditors don't have any content. If you do the same thing but without the RadWindow it works perfectly with all of the RadEditors displaying content correctly. Is this intentional behavior and I'm missing something or is this a bug?

Thanks for your help.

Dean

<telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Modal="true" VisibleStatusbar="false">
    <ContentTemplate>
         <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0">
            <Tabs>
                <telerik:RadTab Text="Tab1" PageViewID="RadPageView1">
                </telerik:RadTab>
                <telerik:RadTab Text="Tab2" PageViewID="RadPageView2">
                </telerik:RadTab>
                <telerik:RadTab Text="Tab3" PageViewID="RadPageView3">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
            <telerik:RadPageView ID="RadPageView1" runat="server">
                Page 1
                <telerik:RadEditor ID="RadEditor1" runat="server" EditModes="Design, Preview" Skin="Outlook" EnableResize="true">
                    <Content>
                        Editor content 1
                    </Content>
                </telerik:RadEditor>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server">
                Page 2
                <telerik:RadEditor ID="RadEditor2" runat="server" EditModes="Design, Preview" Skin="Outlook" EnableResize="true">
                    <Content>
                        Editor content 2
                    </Content>
                </telerik:RadEditor>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView3" runat="server">
                Page 3
                <telerik:RadEditor ID="RadEditor3" runat="server" EditModes="Design, Preview" Skin="Outlook" EnableResize="true">
                    <Content>
                        Editor content 3
                    </Content>
                </telerik:RadEditor>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </ContentTemplate>
</telerik:RadWindow>

[Dean]

...Anyone? Have I posted this in the right place?

[Rumen]

Hello,

I am aware of a problem which is logged in the following PITS item: http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/4889, e.g.

FIX RadEditor is unusable when inside a control containter of RadWindow

If you use RadWindow to display a RadEditor instance the buttons in RadEditor do not work (rendering it unusable). The issue only arises when RadWindow is used as a control containter (i.e. the RadEditor is within the <ContentTemplate> of RadWindow).

To fix the problem you must execute the onParentNodeChanged() method of the RadEditor object after it is shown.

Here is the sample project: http://www.telerik.com/ClientsFiles/291003_UnusableEditorFIX.zip

My suggestion is to fire the editor.onParentNodeChanged() method when loading the dialog.

If you still experience the problem, please, isolate it in a simple working project and send it for examination.


Greetings,
Rumen
the Telerik team

[Madhavi]

How to find RadEditor control which is within the RadMultiPage. Data to the  RadTabstrip,RadMultiPage and RadEditor are dynamically attached(Bind). Please see Below code.

<div>
        <telerik:RadTabStrip runat="server" ID="RadTabStripProduct"  Orientation="HorizontalTop"
            SelectedIndex="0" MultiPageID="RadMultiPageProduct" Skin="BooBoo" 
            EnableEmbeddedSkins="false" EnableDragToReorder="true"  >
        </telerik:RadTabStrip>
        <telerik:RadMultiPage runat="server" ID="RadMultiPageProduct" EnableViewState="false" SelectedIndex="0" CssClass="multiPage" Width="100%">
        </telerik:RadMultiPage>
    </div>

 RadEditor is Within the RadMultipage with id's edt_0,edt_1,edt_2....and so on for different tabs of tabstrip .

how can i find editor for each tab.

 

if (dt.Rows.Count > 0)
                {
                    char tabValue = 'A';
                    //Code for adding tab header in tabstrip
                    for (int j = 0; j < dt.Rows.Count; j++)
                    {
                        RadTab RootTab = new RadTab();
                        RootTab.Text = Convert.ToString(dt.Rows[j]["UITabTitle"]);
                        RootTab.Value = tabValue + "";

                        tabValue++;
                        RadTabStripProduct.Tabs.Add(RootTab);
                    }
                }
                else
                {
                    RadTab RootTab = new RadTab();
                    RootTab.Text = "Data Not Available";
                    RadTabStripProduct.Tabs.Add(RootTab);
                    return;
                }

                //Adding Tab Page view (Tab Page)
                for (int j = 0; j < dt.Rows.Count; j++)
                {
                    RadPageView radTabPanel = new RadPageView();
                    radTabPanel.CssClass = j == 0 ? "tabPage1" : "tabPage";

                    System.Web.UI.HtmlControls.HtmlGenericControl tabPanelDiv = new System.Web.UI.HtmlControls.HtmlGenericControl("div");
                    tabPanelDiv.Attributes["class"] = "tabBody";

                    RadEditor edt = new RadEditor();
                    
                   
                    string tabData = Server.HtmlDecode(dt.Rows[j]["UITabDescription"].ToString());
                    
                    edt.ID = "edt_" + j;
                    edt.Content = tabData;
                    
                    tabPanelDiv.Controls.Add(edt);

                    radTabPanel.Controls.Add(tabPanelDiv);

                    RadMultiPageProduct.Controls.Add(radTabPanel);
                    tabData = "";
                }