Modifying ButtonSprites.gif -- Right Side of Button?

5 posts, 0 answers
  1. Michael O'Flaherty
    Michael O'Flaherty avatar
    67 posts
    Member since:
    Jun 2010

    Posted 04 Apr 2012 Link to this post

    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;
    }
  2. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 05 Apr 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 05 Apr 2012 Link to this post

    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
    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 their blog feed now.
  5. Michael O'Flaherty
    Michael O'Flaherty avatar
    67 posts
    Member since:
    Jun 2010

    Posted 05 Apr 2012 Link to this post

    How do I send this to you? Open a formal support request? I have a test project zipped up.
  6. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 05 Apr 2012 Link to this post

    Hi,

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

    Regards,
    Bozhidar
    the Telerik team
    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 their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017