Window Metro skin css error

2 posts, 0 answers
  1. BiBongNet
    BiBongNet avatar
    27 posts
    Member since:
    May 2010

    Posted 20 Jul 2013 Link to this post


    When updating to 2013.2.611.45 version, I have found that the buttons (Pin, Close, Minimize...) of Window with Metro skin go wrong with css classes, making them unable to display correctly.

    With Pin button:

    .RadWindow .rwPinButton, .RadWindow.rwInactiveWindow .rwPinButton:hover

    { background-position: -2px -502px; }

    The above should be .RadWindow .rwPinButton:hover, .RadWindow.rwInactiveWindow .rwPinButton:hover

    as currently it overrides the following class:
    .RadWindow .rwPinButton {

        background-position: -180px 0;


    With Close button and others too:

    .RadWindow .rwCloseButton, .RadWindow.rwInactiveWindow .rwCloseButton:hover


        background-position: -2px -762px;

    .RadWindow .rwCloseButton {

        background-position: -90px 0;


    At present, I have to manually create such classes with !important to have them display as desired.
    Please correct these in the next build.

  2. Bozhidar
    Bozhidar avatar
    693 posts

    Posted 22 Jul 2013 Link to this post


    I have tested RadWindow with Metro Skin at the official demo pages: and also in a project using 2013.2.717.40 and 2013.2.611.40 it works as expected with both versions.

    Could you be more specific how to reproduce the issue, or open a support ticket and send us a runnable project with the issue reproduced, so we will be able to test it further on our side.

    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 the blog feed now.
Back to Top