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

3 posts, 0 answers
  1. Rick Langevoort
    Rick Langevoort avatar
    4 posts
    Member since:
    Aug 2009

    Posted 16 Feb 2015 Link to this post

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


    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?

  2. Marin Bratanov
    Marin Bratanov avatar
    3567 posts

    Posted 17 Feb 2015 Link to this post

    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.


    Marin Bratanov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
  4. Rick Langevoort
    Rick Langevoort avatar
    4 posts
    Member since:
    Aug 2009

    Posted 20 Feb 2015 in reply to Marin Bratanov Link to this post

    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... :)
Back to Top