custom modal popup

3 posts, 1 answers
  1. neebs
    neebs avatar
    106 posts
    Member since:
    Apr 2007

    Posted 18 Nov 2013 Link to this post

    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. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 19 Nov 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. neebs
    neebs avatar
    106 posts
    Member since:
    Apr 2007

    Posted 19 Nov 2013 Link to this post

    Thanks Marin,

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

    Steve
Back to Top