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
    17 Dec 2008
    27 Mar 2009
    Link to this post

    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)

                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;

    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"/>
    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
    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

    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