com.vaadin.ui.themes
Class ChameleonTheme

java.lang.Object
  com.vaadin.ui.themes.BaseTheme
      com.vaadin.ui.themes.ChameleonTheme

public class ChameleonTheme
extends BaseTheme

Field Summary

static String	ACCORDION_OPAQUE Makes the accordion background opaque (non-transparent)
static String	BUTTON_BIG Big button, use to get more attention for the button action
static String	BUTTON_BORDERLESS Removes all graphics from the button, leaving only the caption and the icon visible.
static String	BUTTON_DEFAULT Default action style for buttons (the button that gets activated when user presses 'enter' in a form).
static String	BUTTON_DOWN Makes the button look like it is pressed down.
static String	BUTTON_ICON_ON_RIGHT Places the button icon on the right side of the caption.
static String	BUTTON_ICON_ON_TOP Places the button icon on top of the caption.
static String	BUTTON_ICON_ONLY Removes the button caption and only shows its icon
static String	BUTTON_SMALL Small sized button, use for context specific actions for example
static String	BUTTON_TALL Adds more padding on the top and on the bottom of the button.
static String	BUTTON_WIDE Adds more padding on the sides of the button.
static String	COMBOBOX_SEARCH Adds a magnifier icon on the left side of the fields text
static String	COMBOBOX_SELECT_BUTTON Adds a magnifier icon on the left side of the fields text
static String	COMPOUND_CSSLAYOUT_TOOLBAR Adds a toolbar-like background for the layout, and aligns Buttons and Segments horizontally.
static String	COMPOUND_HORIZONTAL_LAYOUT_SEGMENT Creates a context for a segment button control.
static 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.
static String	COMPOUND_LAYOUT_SIDEBAR_MENU Creates an iTunes-like menu from a CssLayout or a VerticalLayout.
static String	DATEFIELD_BIG Large sized date field with big font
static String	DATEFIELD_SMALL Small sized date field with small font
static String	LABEL_BIG Big font for important or emphasized texts
static String	LABEL_COLOR Adds color to the text (usually the alternate color of the theme)
static String	LABEL_ERROR Adds an error icon on the left side and a red background to the label
static String	LABEL_H1 Large font for main application headings
static String	LABEL_H2 Large font for different sections in the application
static String	LABEL_H3 Font for sub-section headers
static String	LABEL_H4 Font for paragraphs headers
static String	LABEL_LOADING Adds a spinner icon on the left side of the label
static String	LABEL_SMALL Small and a little lighter font
static String	LABEL_TINY Very small and lighter font for things such as footnotes and component specific informations.
static String	LABEL_WARNING Adds a warning icon on the left side and a yellow background to the label
static String	PANEL_BORDERLESS Removes borders and background color from the panel
static 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)
static String	PANEL_LIGHT Removes borders and background color from the panel
static String	PROGRESS_INDICATOR_BIG Increases the height of the progress bar.
static String	PROGRESS_INDICATOR_INDETERMINATE_BAR Displays an indeterminate progress indicator as a bar with animated background stripes.
static String	PROGRESS_INDICATOR_SMALL Reduces the height of the progress bar
static String	SELECT_BIG Large sized select with big font
static String	SELECT_SMALL Small sized select with small font
static String	SPLITPANEL_SMALL Reduces the split handle to a minimal size (1 pixel)
static String	TABLE_BIG Makes the column header and content font size bigger inside the table
static String	TABLE_BORDERLESS Removes borders and background color from the table
static String	TABLE_SMALL Makes the column header and content font size smaller inside the table
static String	TABLE_STRIPED Adds a light alternate background color to even rows in the table.
static String	TABSHEET_BORDERLESS Removes borders and background color from the tab sheet
static String	TEXTFIELD_BIG Large sized text field with big font
static String	TEXTFIELD_SEARCH Adds a magnifier icon on the left side of the fields text
static String	TEXTFIELD_SMALL Small sized text field with small font
static String	THEME_NAME
static String	WINDOW_OPAQUE Sub-window style that makes the window background opaque (i.e.

Fields inherited from class com.vaadin.ui.themes.BaseTheme

BUTTON_LINK, CLIP, TREE_CONNECTORS

Constructor Summary

ChameleonTheme()

Method Summary

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

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()