Results 1 to 5 of 5

Thread: checkbox custom theme sprite: how do I configure the gray vs. colored sprites?

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    72

    Default Answered: checkbox custom theme sprite: how do I configure the gray vs. colored sprites?

    I am creating a custom theme in ExtJs 5.1, extending ext-theme-crisp. I have replaced default the sprite image used for both the checkbox and the radio button. When I compile the theme, my new sprites are used by the application, so that part is fine.

    However, I noticed that the checkbox sprite is a 2x2, with the colored checkbox variants on the right side and grayscale ones on the left side. In my app, if I do an 'inspect element' on my custom-themed checkbox, I can see from the 'background-position' style that it's pointing only to the grayscale parts of the sprite image when I check and uncheck the box.

    The same thing is true for radio buttons.

    Is there some sort of other option in the theming that configures the gray vs. the colored ones? I have looked, but could not find a sass variable that looked like what I need.

    Thanks for any help.

  2. Focus seems to be working here:

    http://dev.sencha.com/extjs/5.1.0/ex...mes/index.html

    Do you have a fiddle of issue your describing? Is it a checkcolumn?

Similar Threads

  1. Replies: 1
    Last Post: 7 Mar 2014, 2:51 PM
  2. Replies: 1
    Last Post: 13 Feb 2014, 9:45 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •