Modifying the Close Icon for Window

[drewstodParticipant]

I’m trying to replace the Close Icon in the Window header. I’m able to do it easily by overriding .jqx-window-close-button from jqx.base.css. However, the new image I am using is slightly larger (21×21 pixels) than the stock image (16×16 pixels). For some reason I can’t seem to keep my image from being trimmed to 16×16 pixels. I can’t find where that size is being enforced. Can you give me any help? Since it’s a background-image, there is no size setting in CSS3, at least none that I can find.

[DimitarParticipant]

Hello drewstod,

To override the size of the size of the window close button, add the following style:

    <style type="text/css">
        .jqx-window-close-button-background
        {
            width: 21px !important;
            height: 21px !important;
        }
    </style>

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[drewstodParticipant]

Thank you! That does the trick. 🙂

[Author]

Posts