This is a migrated thread and some comments may be shown as answers.

How to format positioning of the Pop-Ups that appear within the RadEditor?

2 Answers 97 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 30 Oct 2012, 05:59 PM
Preface:
In my application, we use a lightbox to open the RADEditor. Its position in the page (vertical height) will be relative on the page to where it was clicked.

Problem:
When the RadEditor is opened further down on the page, all the additional pop-ups that are generated by the RADEditor appear in random locations (not director over the RADeditor). For example, if I try to paste-in plain text, open the image/document Library, Table Wizard, or any other pop-up, they will be way above, or way below the immediate RadEditor. How can I control the placement of these pop-ups?

(example below shows a "moderate" version where the Past Plain Text window first loads)

2 Answers, 1 is accepted

Sort by
0
Jason
Top achievements
Rank 1
answered on 30 Oct 2012, 06:03 PM
In addition (or related to) to above problem. Areas like the "comment" box that appears will load in the lower right corner of the browser view. Where or how can I adjust this location?

0
Accepted
Rumen
Telerik team
answered on 02 Nov 2012, 11:15 AM
Hi,

You can see how to show the RadEditor's dialogs at the desired location in this forum thread: http://www.telerik.com/community/forums/aspnet-ajax/editor/image-dialog.aspx.

Use the following CSS class to control the position of the comment box:

<style type="text/css">
    div.RadEditor .reCommentEdit, .RadEditor .reCommentView
    {
        top: 10%;
        right: auto; /*the default is 5px from the base*/
        bottom: auto; /*the default is 5px from the base*/
        left: 70%;
    }
    </style>

Regards,
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.
Tags
Editor
Asked by
Jason
Top achievements
Rank 1
Answers by
Jason
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or