Radwindow skin customization

2 posts, 0 answers
  1. Brett
    Brett avatar
    12 posts
    Member since:
    May 2012

    Posted 22 Nov 2012 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 22 Nov 2012 Link to this post

    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.
Back to Top