Change RadWindow border wider with round corner

5 posts, 0 answers
  1. Andrew Zhao
    Andrew Zhao avatar
    11 posts
    Member since:
    Mar 2010

    Posted 12 May 2010 Link to this post

    I tried to change border width to 30px with round-corner image. I don't need titlebar and status bar. I created a customized window's skin and WindowVerticalSprites gif file. No matter what value I set width for rwBodyLeft and rwBodyRight. The border of window won't changed at all. It seems fixed width size. Please help. Thanks in advance.
  2. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 13 May 2010 Link to this post

    Hi Andrew,

    I made a test with Firebug and found that you should not only customize the sprite image but also increase the size of RadWindow wrapped dialog. Please, see the attached video here: http://screencast.com/t/YmIxNGFmY.

    I hope that this information will help you to implement your custom scenario.

    Best regards,
    Rumen
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Gotcha
    Gotcha avatar
    64 posts
    Member since:
    Sep 2009

    Posted 10 May 2012 Link to this post

     I can't see the suggested solution anymore... the link is gone...
    Can you upload it again?

    Thanks
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 14 May 2012 Link to this post

    Hi,

    Unfortunately this is a third party storage and we cannot restore files from there. Nevertheless I prepared for you a simple CSS override to make the borders of a RdWindow thick:
    <telerik:RadWindow runat="server" ID="rw1" VisibleOnPageLoad="true" VisibleStatusbar="false"
        VisibleTitlebar="false">
    </telerik:RadWindow>

    with the following CSS:

    .RadWindow .rwCorner
    {
        width: 30px !important;
        /* some color to show the behavior */
        background-color: Red !important;
          
        /* the custom sprite + custom positioning */
        background-image: url('my_custom_sprite') !important;
        background-position: 50px 50px !important;
    }
      
    .rwTitlebar, .rwFooterCenter
    {
        height: 30px !important;
        /* some color to show the behavior */
        background-color: Red !important;
          
        /* the custom sprite + custom positioning */
        background-image: url('my_custom_sprite') !important;
        background-position: 50px 50px !important;
    }

    This results in the attached screenshot.
    All the best,
    Marin
    the Telerik team
    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 their blog feed now.
  6. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 30 Sep 2015 in reply to Marin Bratanov Link to this post

    Thank you so much. Awesome!! it helped me a lot.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017