Change RadWindow border wider with round corner

[Andrew Zhao]

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.

[Rumen]

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.

[Gotcha]

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

Thanks

[Marin Bratanov]

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

[Gayathri]

Thank you so much. Awesome!! it helped me a lot.