My problem is that when I use it as prescribed some of colours, font etc. are not as expected. My site doesn't look nearly like the one I'm shown, when I'm creating the theme. I can get it working but only with some additional styles, but should it not just work out of the box?
I allso have some problems that when a listitem is pressed, then the 'active' theme has another font, and yes I have tried to use FireBug, but my skills must be limited as I'm unable to resolve my problem.
The problem is... The wrong theme is loaded on some of the elements.
jQuery Mobile has the funny "feature" to put random themes on random items (At least that's how I experience it).
If you inspect your page using Firebug, you'll see stuff like your header has Theme A... The listview has some Theme B and Theme C stuff in it... That's why it doesn't work. ( As you can see in your themeroller theme... You created Theme A )
If no theme swatch letter is set at all, the framework uses the a swatch for headers and footers and, for best contrast, the c
swatch for the content of a page. All items in this containers inherit
the swatch from its parents. One exception is the listdivider in
listviews. This always defaults to the b (blue in the
default theme). Also there is an swatch named "active" (bright blue in
the default theme) which is used to indicate an active selected item.
For more information about that, read Global "Active" state on this page
Thanks for your advices and explanations. I must admit after having read more about the themes I'm stunned about the way it works. It's a very complex way to a thing so simple. I expected that just by following the guidelines from the ThemeRoller (it only mentions the custom and structure css) I would get my web app to look like the 'test page' in the ThemeRoller.
This is definitely not a very user friendly way to do. Even when I set all page divs to use Theme A, I still get the expected result.
Kindly regards Ruffio
Leave a comment on ruffio's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic