[Solved] custom modal popup

[neebs]

Hi I have been attempting to use RadWindow to create a popup that is like the style of the attached image. I have been able to remove all of the control elements and borders using the following styles:

.RadWindow_Default .rwCorner .rwTopLeft,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwCorner .rwTopRight,
.RadWindow_Default .rwIcon,
.RadWindow_Default table .rwTopLeft,
.RadWindow_Default table .rwTopRight,
.RadWindow_Default table .rwFooterLeft,
.RadWindow_Default table .rwFooterRight,
.RadWindow_Default table .rwFooterCenter,
.RadWindow_Default table .rwBodyLeft,
.RadWindow_Default table .rwBodyRight,
.RadWindow_Default table .rwTitlebar,
.RadWindow_Default table .rwTopResize,
.RadWindow_Default table .rwStatusbar,
.RadWindow_Default table .rwStatusbar .rwLoading
    {
        display: none !important;
    }

The rounded corners and the drop shadow remain. I can do without the drop shadow, but the rounded corners fit in the theme of the site.

Thanks in advance for any help.

Steve 

[Marin Bratanov]

Hello Steve,

You can simply select a skin with rounded corners and remove the statusbar and titlebar, for example:

<telerik:RadWindow ID="RadWindow1" Skin="Silk" VisibleStatusbar="false" VisibleTitlebar="false" runat="server" VisibleOnPageLoad="true"></telerik:RadWindow>

You can select any skin that matches your needs, or create a custom one.

Also, using the Lightweight RenderMode (http://www.telerik.com/help/aspnet-ajax/window-render-modes.html) will let you customize the control easily with a few lines (e.g., the CSS3 border-radius for its main div).

Regards,
Marin Bratanov
Telerik

[neebs]

Thanks Marin,

I used the lightweight rendering mode and was able to get a dialog just the way I want it to appear. 

Steve