jquery/jquery-mobile — Issue #3585: In nested list, unable to set theme of header for dynamically created pages
Author: louestrada
Created: 2012-02-15 22:12:05+00:00
State: open

Documentation states the default theme for a dynamically created nested list sub page is theme "b". While you can set the theme of the list view, you cannot set the theme of the header.

http://jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html

"These dynamic nested lists are styled with the "b" theme swatch (blue in the default theme) to indicate that you are in a secondary level of navigation. Lists can be nested multiple levels deep and all pages and linking will be automatically handled by the framework.

To set the swatch color of the child list views, set the data-theme attribute on each list inside."

The workaround is kludgy (using selectors to modify attributes, like data-theme and class) and causes the "b" styling to flash on screen before the code catches up.

Thanks!