jQuery Forum

See the activeBtnClass in the configurable options on this page: http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html

http://jsfiddle.net/Rqcuw/1/ 

Thank you both dcarrith and haga0054 for your help!

Appreciate all the input I can get. Big learning curve for me, but getting easier everyday.

I forgot one thing though...I'm actually using the ui-btn-hover class of a different swatch than the one that is currently applied.  So, taking the default 'a' swatch as an example, I use the ui-btn-hover class from one of my custom swatches that is green in color.  So, the active state of the buttons turn out to be green.  Otherwise, it would just be a lighter charcoal, which would be less apparent.  

Really, I think the intent is that you use ThemeRoller and change the pressed color for the theme you are using.

So, just change the pressed color for theme A using ThemeRoller.

Themeroller allows you to set the active state style, but it is a global style across all swatches of a theme.  That doesn't really make sense to me, so I did it a different way.  I think the pressed state is only for vmousedown, then the active state is applied and it is highlighted that color during the transition.  Then, the active state is removed.

My assumption is that the original poster was referring to the down state, not the active state:

once tapped they turn to blue (b) before loading the page linked to.

To clarify, the active state is the state of a button that is "selected". You would typically use this, say, to indicate which of a set of grouped buttons is currently selected.

There's a difference between "active" and "down". "down" just means the button was pressed. "active" means you're giving the user an indication of "on", "selected", etc.

To make a physical analogy: "down" means "pressed", or "momentarily pressed". "active" means "lit up". Or, "active" means "pressed and latched down". Think of a button that lights-up when it's corresponding function is active, or one where you push it once, and it stays down, and then you push it again, and it pops back up.

It can be a bit confusing.

-----

Themeroller allows you to set the active state style, but it is a global style across all swatches of a theme.  That doesn't really make sense to me

Doesn't make sense to me, either. It's the JQM designers making design decisions for us, again. :( They've decided for us that it's best to have a single color to indicate "selected" across all swatches.

Why not have a separate active state color for each swatch, and if they want to encourage us to use a single color across all swatches, then default them all to the same color? But then let us change them for each swatch if we want.

Lots of great input and I thank you all.

I did not use themeroller for the project I am working on, trying to learn the hard way before the easy route. All hand coded. Rather learn the workings before using simple route.

Once I learn the workings, will certainly use themeroller, great tool for sure.

I assumed that it would be a simple process since it is so easy to set the rest of layout. Not so it seems now.

But, this is how one learns:)

dcarrith, your method seems to put me on right track. http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html is the key.

Have tried a few different things and they do not see to have any effects.

Could you give me example of how you used the code when you have time?

Thank you again for your help.

@Jett: I have a global theme object that loads with the main index page.  Here's what the code that initializes it looks like (in static form):

Thanks dcarrith!

Things are getting a little clearer. I think most of my issue is all the hand coding I have done, lol <errors>

I am old school from way back in early 80's. Code it by hand and learn each step then you will always be able to debug.

Appreciate your time and help.