RadWindow + RadMultiPage + RadEditor = No Content

4 posts, 1 answers
  1. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 08 May 2012 Link to this post

    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>
  2. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 09 May 2012 Link to this post

    ...Anyone? Have I posted this in the right place?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 10 May 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Madhavi
    Madhavi avatar
    3 posts
    Member since:
    Oct 2015

    Posted 01 Dec 2015 Link to this post

    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 = "";
                    }

     

     

Back to Top