RadWindow - Getting rid of Border and White space

[Amanda]

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,
    .rwTitlebar,
    .rwCorner .rwTopRight,
    .rwIcon,
    .rwTopLeft,
    .rwTopRight,
    .rwFooterLeft,
    .rwFooterRight,
    .rwFooterCenter,
    .rwBodyLeft,
    .rwBodyRight,
    .rwTitlebar,
    .rwTopResize,
    .rwStatusbar,
    .rwStatusbar .rwLoading
    {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
</style>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableEmbeddedSkins="false"
     showcontentduringload="false" Modal="false" VisibleStatusbar="false" VisibleTitlebar="false" AutoSize="true">
    <Windows>
        <telerik:RadWindow id="winInfo" runat="server" OffsetElementID="menu" Left="0" Top="0">
            <ContentTemplate>
                <div style="width: 450px; background-color: #2F385B;">
                    <!-- Stuff here -->
                </div>
            </ContentTemplate>
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

[Marin Bratanov]

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:

.RadWindow
{
    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.

Regards,
Marin Bratanov
Telerik

[Amanda]

Marin,

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!

Amanda