Rad editor popups off center and background layer not covering visible content area

[Rick Langevoort]

Hi, please go here and open up a dialog from the editor:

http://admin.edwicksoft.com/test.aspx

The content area is centered horizontally and, whenever the browser window is large enough to actually notice that (and have unused "white" space to the left and right of the content area), the popups move to the right and the gray background area does the same, making things look pretty weird.

Is there any property I can set to prevent that from happening?

Thanks,
Rick

[Marin Bratanov]

Hi Rick,

This happens because of the .pageWrapper div that has margin: auto for screens wider than 1250px, which effectively centers it. The problem with that is that it is a parent of the <form> element. The RadEditor dialogs (which are RadWindow controls) render as child elements of the <form> element (the same goes for the modal background div) and they have position: absolute. Thus, they inherit the centering from the .pageWrapper div and their offset is applied according to their parent element.

Said shortly, with this CSS, this behavior is expected.

To avoid it, you can move the pageWrapper div inside the <form> element so it can hold the content and provide centering.

Regards,

Marin Bratanov
Telerik

 

 

[Rick Langevoort]

That's kind of  a disappointment then, since there's no way to do that and keep the current layout of the site as well... :)