More in this section

Forums / Developing with Sitefinity / Custom RadEditor's Image and Link dialogs are opening behind the editor

Custom RadEditor's Image and Link dialogs are opening behind the editor

2 posts, 0 answered
  1. Nadya
    Nadya avatar
    52 posts
    Registered:
    17 Dec 2008
    27 Mar 2009
    Link to this post
    Hello,

    I am having this issue - I have my custom RadEditor control , which is extending Telerik.Web.UI.RadEditor and is implementing Web.UI.IWebUITypeEditor interface.

    I want it to have Library Image Manager and Link Manager.
    I have my class and I have a separate ascx file whixh contains the java script functions for implementing the Image and Link dialogs. To use them in my control I am doing :

     protected override void CreateChildControls()
            {
                base.CreateChildControls();                    this.Controls.Add(this.Page.LoadControl("~/Templates/EditorScripts.ascx"));
            }

    My control's settings , which I set in OnLoad method are:

    protected override void OnLoad(EventArgs e)
            {
                base.OnLoad(e);

                this.ContentAreaCssFile = "~/Styles/style.css";
                this.ToolsFile = "~/Templates/Modules/EditorToolsFile.xml";
                this.EnableEmbeddedSkins = true;
                this.Skin = "Default2006";
                this.DialogsCssFile = "~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorDialogs.css";
                this.NewLineBr = false;
                this.Height = 360;
                this.Width = 595;
                this.EnableEmbeddedScripts = true;

                string[] viewPaths = new string[1];
                string[] uploadPaths = new string[1];
                string[] deletePaths = new string[1];
                viewPaths[0] = "~/Images";
                uploadPaths[0] = "~/Images";
                deletePaths[0] = "~/Images";

                this.ImageManager.ViewPaths = viewPaths;
                this.ImageManager.UploadPaths = uploadPaths;
                this.ImageManager.DeletePaths = deletePaths;
                
                this.CssFiles.Add("~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css");            
            }

    Of course in my EditorToolsFile.xml I have :

    <tools name="InsertToolbar" dockable="false">
        <tool name="InsertSnippet" text="Insert a snippet"/>
        <tool name="LibraryImageManager" text="Insert an image"/>
        <tool name="LinkManager" text="Insert a link" shortcut="CTRL+K"/>
        <tool name="Unlink" shortcut="CTRL+SHIFT+K"/>
      </tools>
    So, the problem is that Image and Link dialogs are opening but behind my custom editor , so the user cannot do anything with them.

    I was looking up a lot for this only thing I found is 


    But I have already done these.
    Please advise.
    Thank you very much!
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    27 Mar 2009
    Link to this post
    Hi Nadezhda ,

    Thank you for using our services.

    Most probably your porblem is related to the z-index property. Check out the following link
    http://www.tjkdesign.com/articles/everything_you_always_wanted_to_know_about_z-index_but_were_afraid_to_ask.asp

    Just to let you know RadEditor supports Fromat Code Block that can be used when pasting some code.

    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
2 posts, 0 answered