Merging with the recent generator may include this as well.

New feature to be investigated for a future release.

need to investiage why jQuery Mobile project uses its own theming scheme apart from jquery UI

What's a "swatch"?

Revision: 33344
Author: philip.breau
Date: February-06-13 11:44:54 AM
Message:
MOBI-82 Theme Roller Support

• adding initial support of ui-bar-a, ui-bar-b, ui-body-a classes

  ---

  Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/CarouselCoreRenderer.java
  Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/ContentPaneCoreRenderer.java
  Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/util/CSSUtils.java
  Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/list/OutputListItemRenderer.java
  Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/pagepanel/PagePanelRenderer.java
  Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/panelconfirmation/PanelConfirmationRenderer.java
  Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/panelpopup/PanelPopupRenderer.java

Revision: 33345
Author: philip.breau
Date: February-06-13 12:21:53 PM
Message:
MOBI-82 Theme Roller Support

• adding initial support of ui-bar-a, ui-bar-b, ui-body-a classes

  ---

  Modified : /icemobile/trunk/icemobile/jsp/src/main/java/org/icemobile/jsp/tags/ListItemTag.java
  Modified : /icemobile/trunk/icemobile/jsp/src/main/java/org/icemobile/jsp/tags/PagePanelFooterTag.java
  Modified : /icemobile/trunk/icemobile/jsp/src/main/java/org/icemobile/jsp/tags/PagePanelHeaderTag.java
  Modified : /icemobile/trunk/icemobile/jsp/src/main/java/org/icemobile/jsp/tags/PagePanelTag.java
  Modified : /icemobile/trunk/icemobile/jsp/src/main/java/org/icemobile/jsp/tags/PanelPopupTag.java

Basic ThemeRoller support is now included. The wiki will be need to be updated with this information. Swatch support needs to wait for the generator work to be completed.

Buttons

• ui-btn-up-a
• ui-btn-active

Carousel

• ui-bar-b

Date/Time Spinner

• ui-input-text
• ui-btn-up-a

Input Text

• ui-input-text

Field Sets

• (Group headers) ui-bar-b

Lists

• <mobi:outputList>
  • ui-listview
• <mobi:outputList inset="true">
  • ui-listview-inset
• <mobi:outputListItem>
  • ui-li
• <mobi:outputListItem group="true">
  • ui-li ui-li-divider

Menu Button

• ui-btn-up-a

Page Panel

• ui-bar-a

Tabs

• <mobi:tabSet>
  • ui-bar-b

In addition to the changes Phil has made since the recent discussion of JQM swatch defaults I have the following recommendations:

Note: Some of the places where additional swatches are required preexisting component specific styling will have to be removed or overridden (in JQM themes, and left in base for fail over when missing a theme) to increase look & feel consistency, for button appearance most notably.

Change swatch:
.ui-btn-up-c for Accordion headers from .ui-bar-b
.ui-btn-up-a from .ui-bar-b (ui-btn-up-a when fixed - b when unfixed not sure if we have unfixed tabs atm)

Add swatch:
.ui-body-c to PanelPopup container
.ui-btn-up-c to List items that are clickable
.ui-btn-down-c for Buttons that render .mobi-button-selected
.ui-btn-down/up-c & .ui-btn-active to flipSwitch
.ui-body-c .ui-bar-c .ui-overlay-shadow to Confirmation Panel
.ui-body-c & .ui-overlay-shadow for failover DateTimeSpinner
.ui-btn-up-c / .ui-btn-down-c to MenuButton