Can RadEditor be used with framesets

14 posts, 2 answers
  1. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 26 May 2011 Link to this post

    I want to put editor in frameset on website but I have google 3 days nothing found which I want

    My requirement is

    My webpage contain frameset which has 2 frame A, B

    Frame A contain editor toolbar only

    Frame B contain multiple editor content areas

    I know there is feature that one toolbar and multiple content area and both must be in same page

    while in my website toolbar and content area must be in seperate frames

    so give me the solution how i can seperate toolbar and content area of editor in 2 different frames and work properly

     

    thanks

  2. Answer
    Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 26 May 2011 Link to this post

    Hi Abdul,

    For your convenience I prepared a sample working project which demonstrates the requested functionality. You can see how the demo works in the following video: http://screencast.com/t/M6tRMUK95P1.

    Regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 27 May 2011 Link to this post

    Thank you soo much
    you solve my big problem thank you soo much
    but there is some query
    I wrote 2 problem 1 problem is solved by you but second problem still there
    You take only one content area and one toolbar but i want toolbar remain one but content area more than 1
    when i put one more content area so the toolbar not working
    I know naturlly any content area have it own toolbar when the content area focused, their toolbar is append in toolbar frame

    But I want that toolbar should be one in top frame while content area should be more than 1
    I have to use 4 content area in my web but toolbar should be one in top frame

    I attach my senario plz check it and give me some solution

    Thanks again
  4. Answer
    Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 31 May 2011 Link to this post

    Hi Abdul,

    To fix the problem add the highlighted code:

    <%@ Page Language="C#" AutoEventWireup="true" %>
     
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <script language="javascript" type="text/javascript">
            var activeEditor = null;
            var editorLoaded = false;
            function OnClientLoad(editor) {
                //debugger;
                var wnd = editor.get_toolAdapter().get_window();
                wnd.add_show(function (sender, args) {
                    //Get last toolbar and return to old owner
                    if (activeEditor) {
                        var oldToolbar = top.toolbarframe.$get("radEditor_toolbar").getElementsByTagName("*")[0];
                        if (oldToolbar) {
                            var oldWnd = activeEditor.get_toolAdapter().get_window();
                            oldWnd.set_contentElement(oldToolbar);
                        }
                    }
                    //Move window so it cannot be seen                                        
                    wnd.moveTo(-1000, -1000);
     
                    //Set its toolbars into another element                                 
                    var toolbars = wnd.get_contentElement();
                    top.toolbarframe.$get("radEditor_toolbar").appendChild(toolbars);
                    activeEditor = editor;
     
                    // show hidden toolbar at top of page then read dimensions from config xml
                    top.toolbarframe.$get("radEditor_toolbarContainer").style.display = "block";
                });
     
                // on first editor loaded show toolbar
                if (!editorLoaded) {
                    editorLoaded = true;
                    //alert("(first editor loaded) now show toolbar")
     
                    if ($telerik.isIE) {
                        editor.fire("Enter");
                        editor.fire("Undo");
                        setTimeout(function () { editor.setFocus(); }, 100);
     
                    } else {
                        // pasting in safari/chrome overwrites all content
                        if ($telerik.isSafari) {
                            var html = editor.get_html();
                            editor.set_html("");
                            editor.pasteHtml(html);
     
                        } else {
                            setTimeout(function () {
                                editor.pasteHtml("");
                            }, 100);
                        }
                    }
                }
     
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager runat="server" ID="ScriptManager1" />
        <telerik:RadEditor runat="server" ID="RadEditor1" ToolbarMode="ShowOnFocus" OnClientLoad="OnClientLoad" />
        <telerik:RadEditor runat="server" ID="RadEditor2" ToolbarMode="ShowOnFocus" OnClientLoad="OnClientLoad" />
        <telerik:RadEditor runat="server" ID="RadEditor3" ToolbarMode="ShowOnFocus" OnClientLoad="OnClientLoad" />
        </form>
    </body>
    </html>



    Kind regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 01 Jun 2011 Link to this post

    Thanks you soo much my problem is approximately solved

    tell me one more thing is when IMAGE MANAGER or other dialog is opened it create overlay only on Editor frame my question is
    Can we create overlay on whole page ?? and HOW ?? so that user can open one dialog at a time
    but now user can open multiple dialog at a time and every dialog creates its own overly on previous dialog and multiple dialog open with multiple overlay it look very bad

    See attachment

    I want that when dialog open so overlay creates on whole page not just a Editor frame so that user cannot open another dialog while one dialog is opened

    Or You have any other option to avoid this problem suggest me I am looking forward your solution

    Thanks a lot your support
  6. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 01 Jun 2011 Link to this post

    Hi,

    The solution is available in the following KB article: Using browser modal dialog instead of RadWindow.

    Regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  7. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 01 Jun 2011 Link to this post

    Hi Rumen

    But browser model does not create overlay on page
    more than one dialog can be opened in your solution user open one dialog minimize it then open another dialog and model dialog lost focused on content area
    this solution creates some more problem for me

    my problem is, to create overlay on whole page so that user can open only one dialog at time
  8. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 03 Jun 2011 Link to this post

    Hi,

    I have one more question regarding RadEditor Image Manager. This is very important
    I use Microsoft Azure Cloud platform and my all images must retrieve and upload on blob My question is whether I can use Editor Image Manager to upload images on blob and view uploaded images in image manager as list or link,

    Because i want to buy telerik component with source code so there is a possibility to change the codes and image manager can be used for Azure Cloud

    Weather there is possibility to change the source code and Image Manager completely customize according to my requirement for example remove the textbox in image manger and put dropdown there and remove other controls and put some more controls.

    Thanks
    Regards:
    Abdul Haseeb
  9. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 03 Jun 2011 Link to this post

    Hello Abdul,

    We do not have a working example on how to retrieve or upload on MS Azure blob, however you can try to implement your own custom content provider as shown in the following article: Custom File Dialogs Content Provider.

    We will try to implement a working example on how to apply overlay to the top frame and post the solution later in this thread.

    Kind regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  10. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 03 Jun 2011 Link to this post

    Hello abdul,

     The behavior you report about the modal overlay is expected because when you use frames you have a frame tree and each frame determines a different context.

    Since creating everything dynamically in the parent context is the harder way to implement your requirement, I developed a workaround for you which shows modal overlay in the other frame as well. Please, examine the attachment and let me know whether you can use it as a start point.

    Kind regards,
    Svetlina
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  11. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 07 Jun 2011 Link to this post

    Thank You soo much
    that is the complete overlay that i wanted,
    thanks

    I have another question
    In RadEditor I want to put HTML module as button in toolbar that user click that button a dialog open that contain HTML of content area and update button then user perform changes then click update that changes appear on content area  i dont want to use editor module

    Please see the attachment to better understand my question
    see toolbardifferentframes04.png

    Thanks
    Regard
    Abdul Haseeb
  12. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 07 Jun 2011 Link to this post

    Hi Abdul,

    You can combine the Print and Open in New Window solutions provided in the following live demos:
    - Custom Dialogs
    - Editor In RadWindow

    The demos show how to obtain the content and load it in a custom dialog. You can put a textarea in the custom dialog and load the HTML content. After that when the dialog is closed to submit the content back to the editor.

    Kind regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  13. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 21 Jul 2011 Link to this post

    hello,
    There is one problem with dropdown
    when i click the any option which open dropdown so dropdown open far from frame border how i remove this gap
    for more understanding my question plz see attachment
    Thanks
  14. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 25 Jul 2011 Link to this post

    Hi Abdul,

    By design, RadEditor calculates the position of its dropdowns according to the position of the corresponding tool and the observed issue might be a side effect to the applied modifications. To be able to provide more to the point answer and a possible solution we will need to examine the exact page and all the applied customizations. Could you please provide a sample project reproducing the problem so we can examine and debug it locally?

    Kind regards,
    Dobromir
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Back to Top