This is a migrated thread and some comments may be shown as answers.

custom modal popup

2 Answers 66 Views
Window
This is a migrated thread and some comments may be shown as answers.
neebs
Top achievements
Rank 2
neebs asked on 18 Nov 2013, 04:54 PM
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 

2 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 19 Nov 2013, 10:46 AM
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
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.
0
neebs
Top achievements
Rank 2
answered on 19 Nov 2013, 07:39 PM
Thanks Marin,

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

Steve
Tags
Window
Asked by
neebs
Top achievements
Rank 2
Answers by
Marin Bratanov
Telerik team
neebs
Top achievements
Rank 2
Share this question
or