RadWindow - Getting rid of Border and White space

3 posts, 1 answers
  1. Amanda
    Amanda avatar
    30 posts
    Member since:
    Aug 2012

    Posted 17 Jun 2013 Link to this post

    Howdy all.

    I've been poking Google, trying to figure out how to get rid of the border around the RadWindow, and have come across these three threads:

    Window without border
    Remove the window border
    Radwindow border problem

    And I have my borders gone.  However, I still have a white border (of doom) along the right and bottom edges.  I'd guesstimate it's about as wide as all the missing borders for both sides.

    I don't use any Embedded Skins, and I do want all windows in my project to be borderless, so perhaps that's where I've gone awry?  Any assistance would be appreciated!

    I've attached an image (which I've blanked out, and highlighted the border in yellow), as well as my code/css for my window.
    <style type="text/css">
        .rwCorner .rwTopLeft,
        .rwCorner .rwTopRight,
        .rwStatusbar .rwLoading
            display: none !important;
            margin: 0 !important;
            padding: 0 !important;
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableEmbeddedSkins="false"
         showcontentduringload="false" Modal="false" VisibleStatusbar="false" VisibleTitlebar="false" AutoSize="true">
            <telerik:RadWindow id="winInfo" runat="server" OffsetElementID="menu" Left="0" Top="0">
                    <div style="width: 450px; background-color: #2F385B;">
                        <!-- Stuff here -->

  2. Answer
    Marin Bratanov
    Marin Bratanov avatar
    5459 posts

    Posted 19 Jun 2013 Link to this post

    Hello Amanda,

    The borders of the RadWindow are an essential part of the control and cannot be fully removed. To begin with, they are the resize handles.

    What I can suggest you try is makin them transparent instead of hiding them by using the approach from this help article and the following CSS rules:
    background-color: transparent !important;
    background-image: none !important;

    I am attaching here a small page that seems to do the trick.

    With the lightweight render mode a simpler selector can remove the display of the borders:
        background-color: transparent !important;
        border-style: none !important;

    Also, note, that if you successfully remove the borders you will essentally have a simple absolutely positioned div or iframe, so it will be far easier to have that simple markup instead of an entire control that you will need to hack.

    Marin Bratanov
    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 the blog feed now.
  3. Amanda
    Amanda avatar
    30 posts
    Member since:
    Aug 2012

    Posted 01 Jul 2013 Link to this post


    I apologize for never replying back to you and thank you for your reply!

    I couldn't quite get the CSS to work - a white border was still being displayed - but I never got a chance to fully play with it to see if later on I was doing other CSS that was breaking it.

    However, at this point it's a non-issue, so I'm going to mark the forum post as answered!  Thanks again!

Back to Top