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

Radwindow skin customization

1 Answer 91 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Brett
Top achievements
Rank 1
Brett asked on 22 Nov 2012, 10:37 PM
Hi!

I've removed the Skin from my RadWindow since it doesn't fit the site (Skin=""), but it still seems to have the close button in there. Which is great - but currently it's totally invisible.  Is there a way for me to customize the look of the close button somewhere?

Cheers,
 -Brett

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 23 Nov 2012, 04:44 AM
Hi Brett,

I suppose you want to customize the look of the close button in the RadWindow with Skin="". You can achieve this by overriding the default CSS using !important as follows.

CSS:
<style type="text/css">
    .RadWindow .rwControlButtons
    {
        position: relative !important;
    }
    .RadWindow .rwCloseButton
    {
        position: absolute !important;
        left: -8px !important;
        background-image: url(../Images/close.jpg) !important;
        background-position: 0 0 !important;
        width: 30px !important;
        height: 30px !important;
    }
</style>

ASPX:
<telerik:RadWindow ID="SummaryRadWindow" runat="server" Behaviors="Close" VisibleOnPageLoad="true" Skin="">
       .............
</telerik:RadWindow>

Hope this helps.

Regards,
Princy.
Tags
General Discussions
Asked by
Brett
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or