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

Change RadWindow border wider with round corner

4 Answers 393 Views
Window
This is a migrated thread and some comments may be shown as answers.
Andrew Zhao
Top achievements
Rank 1
Andrew Zhao asked on 12 May 2010, 10:21 PM
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.

4 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 13 May 2010, 12:45 PM
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.
0
Gotcha
Top achievements
Rank 1
answered on 10 May 2012, 10:37 AM
 I can't see the suggested solution anymore... the link is gone...
Can you upload it again?

Thanks
0
Marin Bratanov
Telerik team
answered on 14 May 2012, 01:41 PM
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.
0
Gayathri
Top achievements
Rank 1
answered on 30 Sep 2015, 12:45 PM
Thank you so much. Awesome!! it helped me a lot.
Tags
Window
Asked by
Andrew Zhao
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Gotcha
Top achievements
Rank 1
Marin Bratanov
Telerik team
Gayathri
Top achievements
Rank 1
Share this question
or