Class ChameleonTheme

Field Detail

• THEME_NAME

  public static final String THEME_NAME

  See Also:

  Constant Field Values

• LABEL_H1

  public static final String LABEL_H1

  Large font for main application headings

  See Also:

  Constant Field Values

• LABEL_H2

  public static final String LABEL_H2

  Large font for different sections in the application

  See Also:

  Constant Field Values

• LABEL_H3

  public static final String LABEL_H3

  Font for sub-section headers

  See Also:

  Constant Field Values

• LABEL_H4

  public static final String LABEL_H4

  Font for paragraphs headers

  See Also:

  Constant Field Values

• LABEL_BIG

  public static final String LABEL_BIG

  Big font for important or emphasized texts

  See Also:

  Constant Field Values

• LABEL_SMALL

  public static final String LABEL_SMALL

  Small and a little lighter font

  See Also:

  Constant Field Values

• LABEL_TINY

  public static final String LABEL_TINY

  Very small and lighter font for things such as footnotes and component specific informations. Use carefully, since this style will usually reduce legibility.

  See Also:

  Constant Field Values

• LABEL_COLOR

  public static final String LABEL_COLOR

  Adds color to the text (usually the alternate color of the theme)

  See Also:

  Constant Field Values

• LABEL_WARNING

  public static final String LABEL_WARNING

  Adds a warning icon on the left side and a yellow background to the label

  See Also:

  Constant Field Values

• LABEL_ERROR

  public static final String LABEL_ERROR

  Adds an error icon on the left side and a red background to the label

  See Also:

  Constant Field Values

• LABEL_LOADING

  public static final String LABEL_LOADING

  Adds a spinner icon on the left side of the label

  See Also:

  Constant Field Values

• BUTTON_DEFAULT

  public static final String BUTTON_DEFAULT

  Default action style for buttons (the button that gets activated when user presses 'enter' in a form). Use sparingly, only one default button per screen should be visible.

  See Also:

  Constant Field Values

• BUTTON_SMALL

  public static final String BUTTON_SMALL

  Small sized button, use for context specific actions for example

  See Also:

  Constant Field Values

• BUTTON_BIG

  public static final String BUTTON_BIG

  Big button, use to get more attention for the button action

  See Also:

  Constant Field Values

• BUTTON_WIDE

  public static final String BUTTON_WIDE

  Adds more padding on the sides of the button. Makes it easier for the user to hit the button.

  See Also:

  Constant Field Values

• BUTTON_TALL

  public static final String BUTTON_TALL

  Adds more padding on the top and on the bottom of the button. Makes it easier for the user to hit the button.

  See Also:

  Constant Field Values

• BUTTON_BORDERLESS

  public static final String BUTTON_BORDERLESS

  Removes all graphics from the button, leaving only the caption and the icon visible. Useful for making icon-only buttons and toolbar buttons.

  See Also:

  Constant Field Values

• BUTTON_ICON_ON_TOP

  public static final String BUTTON_ICON_ON_TOP

  Places the button icon on top of the caption. By default the icon is on the left side of the button caption.

  See Also:

  Constant Field Values

• BUTTON_ICON_ON_RIGHT

  public static final String BUTTON_ICON_ON_RIGHT

  Places the button icon on the right side of the caption. By default the icon is on the left side of the button caption.

  See Also:

  Constant Field Values

• BUTTON_ICON_ONLY

  public static final String BUTTON_ICON_ONLY

  Removes the button caption and only shows its icon

  See Also:

  Constant Field Values

• BUTTON_DOWN

  public static final String BUTTON_DOWN

  Makes the button look like it is pressed down. Useful for creating a toggle button.

  See Also:

  Constant Field Values

• TEXTFIELD_SMALL

  public static final String TEXTFIELD_SMALL

  Small sized text field with small font

  See Also:

  Constant Field Values

• TEXTFIELD_BIG

  public static final String TEXTFIELD_BIG

  Large sized text field with big font

  See Also:

  Constant Field Values

• TEXTFIELD_SEARCH

  public static final String TEXTFIELD_SEARCH

  Adds a magnifier icon on the left side of the fields text

  See Also:

  Constant Field Values

• SELECT_SMALL

  public static final String SELECT_SMALL

  Small sized select with small font

  See Also:

  Constant Field Values

• SELECT_BIG

  public static final String SELECT_BIG

  Large sized select with big font

  See Also:

  Constant Field Values

• COMBOBOX_SEARCH

  public static final String COMBOBOX_SEARCH

  Adds a magnifier icon on the left side of the fields text

  See Also:

  Constant Field Values

• COMBOBOX_SELECT_BUTTON

  public static final String COMBOBOX_SELECT_BUTTON

  Adds a magnifier icon on the left side of the fields text

  See Also:

  Constant Field Values

• DATEFIELD_SMALL

  public static final String DATEFIELD_SMALL

  Small sized date field with small font

  See Also:

  Constant Field Values

• DATEFIELD_BIG

  public static final String DATEFIELD_BIG

  Large sized date field with big font

  See Also:

  Constant Field Values

• PANEL_BORDERLESS

  public static final String PANEL_BORDERLESS

  Removes borders and background color from the panel

  See Also:

  Constant Field Values

• PANEL_BUBBLE

  public static final String PANEL_BUBBLE

  Adds a more vibrant header for the panel, using the alternate color of the theme, and adds slight rounded corners (not supported in all browsers)

  See Also:

  Constant Field Values

• PANEL_LIGHT

  public static final String PANEL_LIGHT

  Removes borders and background color from the panel

  See Also:

  Constant Field Values

• SPLITPANEL_SMALL

  public static final String SPLITPANEL_SMALL

  Reduces the split handle to a minimal size (1 pixel)

  See Also:

  Constant Field Values

• TABSHEET_BORDERLESS

  public static final String TABSHEET_BORDERLESS

  Removes borders and background color from the tab sheet

  See Also:

  Constant Field Values

• ACCORDION_OPAQUE

  public static final String ACCORDION_OPAQUE

  Makes the accordion background opaque (non-transparent)

  See Also:

  Constant Field Values

• TABLE_BORDERLESS

  public static final String TABLE_BORDERLESS

  Removes borders and background color from the table

  See Also:

  Constant Field Values

• TABLE_SMALL

  public static final String TABLE_SMALL

  Makes the column header and content font size smaller inside the table

  See Also:

  Constant Field Values

• TABLE_BIG

  public static final String TABLE_BIG

  Makes the column header and content font size bigger inside the table

  See Also:

  Constant Field Values

• TABLE_STRIPED

  public static final String TABLE_STRIPED

  Adds a light alternate background color to even rows in the table.

  See Also:

  Constant Field Values

• PROGRESS_INDICATOR_SMALL

  public static final String PROGRESS_INDICATOR_SMALL

  Reduces the height of the progress bar

  See Also:

  Constant Field Values

• PROGRESS_INDICATOR_BIG

  public static final String PROGRESS_INDICATOR_BIG

  Increases the height of the progress bar. If the indicator is in indeterminate mode, shows a bigger spinner than the regular indeterminate indicator.

  See Also:

  Constant Field Values

• PROGRESS_INDICATOR_INDETERMINATE_BAR

  public static final String PROGRESS_INDICATOR_INDETERMINATE_BAR

  Displays an indeterminate progress indicator as a bar with animated background stripes. This style can be used in combination with the "small" and "big" styles.

  See Also:

  Constant Field Values

• WINDOW_OPAQUE

  public static final String WINDOW_OPAQUE

  Sub-window style that makes the window background opaque (i.e. not semi-transparent).

  See Also:

  Constant Field Values

• COMPOUND_HORIZONTAL_LAYOUT_SEGMENT

  public static final String COMPOUND_HORIZONTAL_LAYOUT_SEGMENT

  Creates a context for a segment button control. Place buttons inside the segment, and add "first" and "last" style names for the first and last button in the segment. Then use the BUTTON_DOWN style to indicate button states. E.g.

   HorizontalLayout ("segment")
     + Button ("first down")
     + Button ("down")
     + Button
      ...
     + Button ("last")
   

  You can also use most of the different button styles for the contained buttons (e.g. BUTTON_BIG, BUTTON_ICON_ONLY etc.).

  See Also:

  Constant Field Values

• COMPOUND_HORIZONTAL_LAYOUT_SEGMENT_ALTERNATE

  public static final String COMPOUND_HORIZONTAL_LAYOUT_SEGMENT_ALTERNATE

  Use this mixin-style in combination with the COMPOUND_HORIZONTAL_LAYOUT_SEGMENT style to make buttons with the "down" style use the themes alternate color (e.g. blue instead of gray). E.g.

   HorizontalLayout ("segment segment-alternate")
     + Button ("first down")
     + Button ("down")
     + Button
      ...
     + Button ("last")
   

  See Also:

  Constant Field Values

• COMPOUND_LAYOUT_SIDEBAR_MENU

  public static final String COMPOUND_LAYOUT_SIDEBAR_MENU

  Creates an iTunes-like menu from a CssLayout or a VerticalLayout. Place plain Labels and NativeButtons inside the layout, and you're all set. E.g.

   CssLayout ("sidebar-menu")
     + Label
     + NativeButton
     + NativeButton
      ...
     + Label
     + NativeButton
   

  See Also:

  Constant Field Values

• COMPOUND_CSSLAYOUT_TOOLBAR

  public static final String COMPOUND_CSSLAYOUT_TOOLBAR

  Adds a toolbar-like background for the layout, and aligns Buttons and Segments horizontally. Feel free to use different buttons styles inside the toolbar, like BUTTON_ICON_ON_TOP and BUTTON_BORDERLESS

  See Also:

  Constant Field Values

Constructor Detail

• ChameleonTheme

  public ChameleonTheme()