Modifying ButtonSprites.gif -- Right Side of Button?

[Michael O'Flaherty]

Hi!

We customized the button by modifying the ButtonSprites file with the below CSS. Everything seems to work for the most part, but we can't seem to get access to the image at the right. CustomizedSearchButton.PNG shows the result of the CSS change (using the file ButtonSprites.png as the background.) We did attempt to see where the button is pulling from in the file ButtonSprites2.png -- however, it appears that the right side of the button does not use any part of this file. We did skin the app with the Windows 7 theme, but we want to override the background image.

Is this possible? Where is it pulling the right side of the button from?

Thanks!
Michael

.button .rbSkinnedButton,
.button .rbDecorated,
.button .rbVerticalButton,
.button .rbVerticalButton .rbDecorated,
.button .rbSplitRight,
.button .rbSplitLeft
{
    background: #EBEFF3 url('/Images/ButtonSprites.png') no-repeat 0px !important;
}

[Kevin]

Hello Michael,

The right side of the button uses the small image you see at the very right-side of sprite. It sets it as the background, as you noted, but needs to be right 0px, not just 0px as you wrote it.

I hope that helps.

[Bozhidar]

Hi,

Could you send us all modified files - sprites and CSS and the ASPX code that you are using.

RadButton Custom Skin explains in detail how to create and a new skin and to change the sprite colors. It is not recommended to change the CSS structure.

Also note, that your button CSS class is applied to the wrapping A HTML element where rbSkinndedButton class is also applied and to use it properly you should not have space between them: .button.rbSkinnedButton - as this is not a cascade.

Greetings,
Bozhidar
the Telerik team

[Michael O'Flaherty]

How do I send this to you? Open a formal support request? I have a test project zipped up.

[Bozhidar]

Hi,

Open a support ticket, and you will be able to attach the zipped project.

Regards,
Bozhidar
the Telerik team