diff options
author | Teemu Suo-Anttila <teemusa@vaadin.com> | 2016-03-10 22:40:51 +0200 |
---|---|---|
committer | Teemu Suo-Anttila <teemusa@vaadin.com> | 2016-03-14 07:59:12 +0200 |
commit | a6653d3fe49e6a97468ac09f7f2f4d621bea1078 (patch) | |
tree | 96c82e20ca6551ee4c14c8877f0258b25c63cddf /server/src/com/vaadin/ui/themes | |
parent | f7e57d77ce621ee39167369c31d989edc5633266 (diff) | |
download | vaadin-framework-a6653d3fe49e6a97468ac09f7f2f4d621bea1078.tar.gz vaadin-framework-a6653d3fe49e6a97468ac09f7f2f4d621bea1078.zip |
Migrate vaadin-server build to maven
Change-Id: I5c740f4e9cb28103bab199f9a552153d82277e7e
Diffstat (limited to 'server/src/com/vaadin/ui/themes')
-rw-r--r-- | server/src/com/vaadin/ui/themes/BaseTheme.java | 58 | ||||
-rw-r--r-- | server/src/com/vaadin/ui/themes/ChameleonTheme.java | 377 | ||||
-rw-r--r-- | server/src/com/vaadin/ui/themes/LiferayTheme.java | 43 | ||||
-rw-r--r-- | server/src/com/vaadin/ui/themes/Reindeer.java | 215 | ||||
-rw-r--r-- | server/src/com/vaadin/ui/themes/Runo.java | 207 | ||||
-rw-r--r-- | server/src/com/vaadin/ui/themes/ValoTheme.java | 1056 |
6 files changed, 0 insertions, 1956 deletions
diff --git a/server/src/com/vaadin/ui/themes/BaseTheme.java b/server/src/com/vaadin/ui/themes/BaseTheme.java deleted file mode 100644 index 9421cf2341..0000000000 --- a/server/src/com/vaadin/ui/themes/BaseTheme.java +++ /dev/null @@ -1,58 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -/** - * <p> - * The Base theme is the foundation for all Vaadin themes. Although it is not - * necessary to use it as the starting point for all other themes, it is heavily - * encouraged, since it abstracts and hides away many necessary style properties - * that the Vaadin terminal expects and needs. - * </p> - * <p> - * When creating your own theme, either extend this class and specify the styles - * implemented in your theme here, or extend some other theme that has a class - * file specified (e.g. Reindeer or Runo). - * </p> - * <p> - * All theme class files should follow the convention of specifying the theme - * name as a string constant <code>THEME_NAME</code>. - * - * @since 6.3.0 - * - */ -public class BaseTheme { - - public static final String THEME_NAME = "base"; - - /** - * Creates a button that looks like a regular hypertext link but still acts - * like a normal button. - */ - public static final String BUTTON_LINK = "link"; - - /** - * Adds the connector lines between a parent node and its child nodes to - * indicate the tree hierarchy better. - */ - public static final String TREE_CONNECTORS = "connectors"; - - /** - * Clips the component so it will be constrained to its given size and not - * overflow. - */ - public static final String CLIP = "v-clip"; -} diff --git a/server/src/com/vaadin/ui/themes/ChameleonTheme.java b/server/src/com/vaadin/ui/themes/ChameleonTheme.java deleted file mode 100644 index 6e230c426e..0000000000 --- a/server/src/com/vaadin/ui/themes/ChameleonTheme.java +++ /dev/null @@ -1,377 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -public class ChameleonTheme extends BaseTheme { - - public static final String THEME_NAME = "chameleon"; - - /*************************************************************************** - * Label styles - **************************************************************************/ - - /** - * Large font for main application headings - */ - public static final String LABEL_H1 = "h1"; - - /** - * Large font for different sections in the application - */ - public static final String LABEL_H2 = "h2"; - - /** - * Font for sub-section headers - */ - public static final String LABEL_H3 = "h3"; - - /** - * Font for paragraphs headers - */ - public static final String LABEL_H4 = "h4"; - - /** - * Big font for important or emphasized texts - */ - public static final String LABEL_BIG = "big"; - - /** - * Small and a little lighter font - */ - public static final String LABEL_SMALL = "small"; - - /** - * Very small and lighter font for things such as footnotes and component - * specific informations. Use carefully, since this style will usually - * reduce legibility. - */ - public static final String LABEL_TINY = "tiny"; - - /** - * Adds color to the text (usually the alternate color of the theme) - */ - public static final String LABEL_COLOR = "color"; - - /** - * Adds a warning icon on the left side and a yellow background to the label - */ - public static final String LABEL_WARNING = "warning"; - - /** - * Adds an error icon on the left side and a red background to the label - */ - public static final String LABEL_ERROR = "error"; - - /** - * Adds a spinner icon on the left side of the label - */ - public static final String LABEL_LOADING = "loading"; - - /*************************************************************************** - * Button styles - **************************************************************************/ - - /** - * 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. - */ - public static final String BUTTON_DEFAULT = "default"; - - /** - * Small sized button, use for context specific actions for example - */ - public static final String BUTTON_SMALL = "small"; - - /** - * Big button, use to get more attention for the button action - */ - public static final String BUTTON_BIG = "big"; - - /** - * Adds more padding on the sides of the button. Makes it easier for the - * user to hit the button. - */ - public static final String BUTTON_WIDE = "wide"; - - /** - * Adds more padding on the top and on the bottom of the button. Makes it - * easier for the user to hit the button. - */ - public static final String BUTTON_TALL = "tall"; - - /** - * Removes all graphics from the button, leaving only the caption and the - * icon visible. Useful for making icon-only buttons and toolbar buttons. - */ - public static final String BUTTON_BORDERLESS = "borderless"; - - /** - * Places the button icon on top of the caption. By default the icon is on - * the left side of the button caption. - */ - public static final String BUTTON_ICON_ON_TOP = "icon-on-top"; - - /** - * Places the button icon on the right side of the caption. By default the - * icon is on the left side of the button caption. - */ - public static final String BUTTON_ICON_ON_RIGHT = "icon-on-right"; - - /** - * Removes the button caption and only shows its icon - */ - public static final String BUTTON_ICON_ONLY = "icon-only"; - - /** - * Makes the button look like it is pressed down. Useful for creating a - * toggle button. - */ - public static final String BUTTON_DOWN = "down"; - - /*************************************************************************** - * TextField styles - **************************************************************************/ - - /** - * Small sized text field with small font - */ - public static final String TEXTFIELD_SMALL = "small"; - - /** - * Large sized text field with big font - */ - public static final String TEXTFIELD_BIG = "big"; - - /** - * Adds a magnifier icon on the left side of the fields text - */ - public static final String TEXTFIELD_SEARCH = "search"; - - /*************************************************************************** - * Select styles - **************************************************************************/ - - /** - * Small sized select with small font - */ - public static final String SELECT_SMALL = "small"; - - /** - * Large sized select with big font - */ - public static final String SELECT_BIG = "big"; - - /** - * Adds a magnifier icon on the left side of the fields text - */ - public static final String COMBOBOX_SEARCH = "search"; - - /** - * Adds a magnifier icon on the left side of the fields text - */ - public static final String COMBOBOX_SELECT_BUTTON = "select-button"; - - /*************************************************************************** - * DateField styles - **************************************************************************/ - - /** - * Small sized date field with small font - */ - public static final String DATEFIELD_SMALL = "small"; - - /** - * Large sized date field with big font - */ - public static final String DATEFIELD_BIG = "big"; - - /*************************************************************************** - * Panel styles - **************************************************************************/ - - /** - * Removes borders and background color from the panel - */ - public static final String PANEL_BORDERLESS = "borderless"; - - /** - * 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) - */ - public static final String PANEL_BUBBLE = "bubble"; - - /** - * Removes borders and background color from the panel - */ - public static final String PANEL_LIGHT = "light"; - - /*************************************************************************** - * SplitPanel styles - **************************************************************************/ - - /** - * Reduces the split handle to a minimal size (1 pixel) - */ - public static final String SPLITPANEL_SMALL = "small"; - - /*************************************************************************** - * TabSheet styles - **************************************************************************/ - - /** - * Removes borders and background color from the tab sheet - */ - public static final String TABSHEET_BORDERLESS = "borderless"; - - /*************************************************************************** - * Accordion styles - **************************************************************************/ - - /** - * Makes the accordion background opaque (non-transparent) - */ - public static final String ACCORDION_OPAQUE = "opaque"; - - /*************************************************************************** - * Table styles - **************************************************************************/ - - /** - * Removes borders and background color from the table - */ - public static final String TABLE_BORDERLESS = "borderless"; - - /** - * Makes the column header and content font size smaller inside the table - */ - public static final String TABLE_SMALL = "small"; - - /** - * Makes the column header and content font size bigger inside the table - */ - public static final String TABLE_BIG = "big"; - - /** - * Adds a light alternate background color to even rows in the table. - */ - public static final String TABLE_STRIPED = "striped"; - - /*************************************************************************** - * ProgressIndicator styles - **************************************************************************/ - - /** - * Reduces the height of the progress bar - */ - public static final String PROGRESS_INDICATOR_SMALL = "small"; - - /** - * Increases the height of the progress bar. If the indicator is in - * indeterminate mode, shows a bigger spinner than the regular indeterminate - * indicator. - */ - public static final String PROGRESS_INDICATOR_BIG = "big"; - - /** - * 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. - */ - public static final String PROGRESS_INDICATOR_INDETERMINATE_BAR = "bar"; - - /*************************************************************************** - * Window styles - **************************************************************************/ - - /** - * Sub-window style that makes the window background opaque (i.e. not - * semi-transparent). - */ - public static final String WINDOW_OPAQUE = "opaque"; - - /*************************************************************************** - * Compound styles - **************************************************************************/ - - /** - * Creates a context for a segment button control. Place buttons inside the - * segment, and add "<code>first</code>" and "<code>last</code>" style names - * for the first and last button in the segment. Then use the - * {@link #BUTTON_DOWN} style to indicate button states. - * - * E.g. - * - * <pre> - * HorizontalLayout ("segment") - * + Button ("first down") - * + Button ("down") - * + Button - * ... - * + Button ("last") - * </pre> - * - * You can also use most of the different button styles for the contained - * buttons (e.g. {@link #BUTTON_BIG}, {@link #BUTTON_ICON_ONLY} etc.). - */ - public static final String COMPOUND_HORIZONTAL_LAYOUT_SEGMENT = "segment"; - - /** - * Use this mixin-style in combination with the - * {@link #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. - * - * <pre> - * HorizontalLayout ("segment segment-alternate") - * + Button ("first down") - * + Button ("down") - * + Button - * ... - * + Button ("last") - * </pre> - */ - public static final String COMPOUND_HORIZONTAL_LAYOUT_SEGMENT_ALTERNATE = "segment-alternate"; - - /** - * 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. - * - * <pre> - * CssLayout ("sidebar-menu") - * + Label - * + NativeButton - * + NativeButton - * ... - * + Label - * + NativeButton - * </pre> - */ - public static final String COMPOUND_LAYOUT_SIDEBAR_MENU = "sidebar-menu"; - - /** - * 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 {@link #BUTTON_ICON_ON_TOP} and - * {@link #BUTTON_BORDERLESS} - */ - public static final String COMPOUND_CSSLAYOUT_TOOLBAR = "toolbar"; -} diff --git a/server/src/com/vaadin/ui/themes/LiferayTheme.java b/server/src/com/vaadin/ui/themes/LiferayTheme.java deleted file mode 100644 index de56be39ac..0000000000 --- a/server/src/com/vaadin/ui/themes/LiferayTheme.java +++ /dev/null @@ -1,43 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -public class LiferayTheme extends BaseTheme { - - public static final String THEME_NAME = "liferay"; - - /*************************************************************************** - * - * Panel styles - * - **************************************************************************/ - - /** - * Removes borders and background from the panel - */ - public static final String PANEL_LIGHT = "light"; - - /*************************************************************************** - * - * SplitPanel styles - * - **************************************************************************/ - - /** - * Reduces the split handle to a minimal size (1 pixel) - */ - public static final String SPLITPANEL_SMALL = "small"; -} diff --git a/server/src/com/vaadin/ui/themes/Reindeer.java b/server/src/com/vaadin/ui/themes/Reindeer.java deleted file mode 100644 index e0ab792a15..0000000000 --- a/server/src/com/vaadin/ui/themes/Reindeer.java +++ /dev/null @@ -1,215 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -public class Reindeer extends BaseTheme { - - public static final String THEME_NAME = "reindeer"; - - /*************************************************************************** - * - * Label styles - * - **************************************************************************/ - - /** - * Large font for main application headings - */ - public static final String LABEL_H1 = "h1"; - - /** - * Large font for different sections in the application - */ - public static final String LABEL_H2 = "h2"; - - /** - * Small and a little lighter font - */ - public static final String LABEL_SMALL = "light"; - - /*************************************************************************** - * - * Button styles - * - **************************************************************************/ - - /** - * Default action style for buttons (the button that should get activated - * when the user presses 'enter' in a form). Use sparingly, only one default - * button per view should be visible. - */ - public static final String BUTTON_DEFAULT = "primary"; - - /** - * Small sized button, use for context specific actions for example - */ - public static final String BUTTON_SMALL = "small"; - - /*************************************************************************** - * - * TextField styles - * - **************************************************************************/ - - /** - * Small sized text field with small font - */ - public static final String TEXTFIELD_SMALL = "small"; - - /*************************************************************************** - * - * Panel styles - * - **************************************************************************/ - - /** - * Removes borders and background color from the panel - */ - public static final String PANEL_LIGHT = "light"; - - /*************************************************************************** - * - * ProgressBar Styles - * - **************************************************************************/ - - /** - * Displays the progress bar with a static background, instead of an - * animated one. - */ - public static final String PROGRESSBAR_STATIC = "static"; - - /*************************************************************************** - * - * SplitPanel styles - * - **************************************************************************/ - - /** - * Reduces the split handle to a minimal size (1 pixel) - */ - public static final String SPLITPANEL_SMALL = "small"; - - /*************************************************************************** - * - * TabSheet styles - * - **************************************************************************/ - - /** - * Removes borders from the default tab sheet style. - */ - public static final String TABSHEET_BORDERLESS = "borderless"; - - /** - * Removes borders and background color from the tab sheet, and shows the - * tabs as a small bar. - */ - public static final String TABSHEET_SMALL = "bar"; - - /** - * Removes borders and background color from the tab sheet. The tabs are - * presented with minimal lines indicating the selected tab. - */ - public static final String TABSHEET_MINIMAL = "minimal"; - - /** - * Makes the tab close buttons visible only when the user is hovering over - * the tab. - */ - public static final String TABSHEET_HOVER_CLOSABLE = "hover-closable"; - - /** - * Makes the tab close buttons visible only when the tab is selected. - */ - public static final String TABSHEET_SELECTED_CLOSABLE = "selected-closable"; - - /*************************************************************************** - * - * Table styles - * - **************************************************************************/ - - /** - * Removes borders from the table - */ - public static final String TABLE_BORDERLESS = "borderless"; - - /** - * Makes the table headers dark and more prominent. - */ - public static final String TABLE_STRONG = "strong"; - - /*************************************************************************** - * - * Layout styles - * - **************************************************************************/ - - /** - * Changes the background of a layout to white. Applies to - * {@link VerticalLayout}, {@link HorizontalLayout}, {@link GridLayout}, - * {@link FormLayout}, {@link CssLayout}, {@link VerticalSplitPanel} and - * {@link HorizontalSplitPanel}. - * <p> - * <em>Does not revert any contained components back to normal if some - * parent layout has style {@link #LAYOUT_BLACK} applied.</em> - */ - public static final String LAYOUT_WHITE = "white"; - - /** - * Changes the background of a layout to a shade of blue. Applies to - * {@link VerticalLayout}, {@link HorizontalLayout}, {@link GridLayout}, - * {@link FormLayout}, {@link CssLayout}, {@link VerticalSplitPanel} and - * {@link HorizontalSplitPanel}. - * <p> - * <em>Does not revert any contained components back to normal if some - * parent layout has style {@link #LAYOUT_BLACK} applied.</em> - */ - public static final String LAYOUT_BLUE = "blue"; - - /** - * <p> - * Changes the background of a layout to almost black, and at the same time - * transforms contained components to their black style correspondents when - * available. At least texts, buttons, text fields, selects, date fields, - * tables and a few other component styles should change. - * </p> - * <p> - * Applies to {@link VerticalLayout}, {@link HorizontalLayout}, - * {@link GridLayout}, {@link FormLayout} and {@link CssLayout}. - * </p> - * - */ - public static final String LAYOUT_BLACK = "black"; - - /*************************************************************************** - * - * Window styles - * - **************************************************************************/ - - /** - * Makes the whole window white and increases the font size of the title. - */ - public static final String WINDOW_LIGHT = "light"; - - /** - * Makes the whole window black, and changes contained components in the - * same way as {@link #LAYOUT_BLACK} does. - */ - public static final String WINDOW_BLACK = "black"; -} diff --git a/server/src/com/vaadin/ui/themes/Runo.java b/server/src/com/vaadin/ui/themes/Runo.java deleted file mode 100644 index 6f8d5f37d9..0000000000 --- a/server/src/com/vaadin/ui/themes/Runo.java +++ /dev/null @@ -1,207 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -public class Runo extends BaseTheme { - - public static final String THEME_NAME = "runo"; - - public static String themeName() { - return THEME_NAME.toLowerCase(); - } - - /*************************************************************************** - * - * Button styles - * - **************************************************************************/ - - /** - * Small sized button, use for context specific actions for example - */ - public static final String BUTTON_SMALL = "small"; - - /** - * Big sized button, use to gather much attention for some particular action - */ - public static final String BUTTON_BIG = "big"; - - /** - * Default action style for buttons (the button that should get activated - * when the user presses 'enter' in a form). Use sparingly, only one default - * button per view should be visible. - */ - public static final String BUTTON_DEFAULT = "default"; - - /*************************************************************************** - * - * Panel styles - * - **************************************************************************/ - - /** - * Removes borders and background color from the panel - */ - public static final String PANEL_LIGHT = "light"; - - /*************************************************************************** - * - * ProgressBar Styles - * - **************************************************************************/ - - /** - * Displays the progress bar with a static background, instead of an - * animated one. - */ - public static final String PROGRESSBAR_STATIC = "static"; - - /*************************************************************************** - * - * TabSheet styles - * - **************************************************************************/ - - /** - * Smaller tabs, no border and background for content area - */ - public static final String TABSHEET_SMALL = "light"; - - /*************************************************************************** - * - * SplitPanel styles - * - **************************************************************************/ - - /** - * Reduces the width/height of the split handle. Useful when you don't want - * the split handle to touch the sides of the containing layout. - */ - public static final String SPLITPANEL_REDUCED = "rounded"; - - /** - * Reduces the visual size of the split handle to one pixel (the active drag - * size is still larger). - */ - public static final String SPLITPANEL_SMALL = "small"; - - /*************************************************************************** - * - * Label styles - * - **************************************************************************/ - - /** - * Largest title/header size. Use for main sections in your application. - */ - public static final String LABEL_H1 = "h1"; - - /** - * Similar style as in panel captions. Useful for sub-sections within a - * view. - */ - public static final String LABEL_H2 = "h2"; - - /** - * Small font size. Useful for contextual help texts and similar less - * frequently needed information. Use with modesty, since this style will be - * more harder to read due to its smaller size and contrast. - */ - public static final String LABEL_SMALL = "small"; - - /*************************************************************************** - * - * Layout styles - * - **************************************************************************/ - - /** - * An alternative background color for layouts. Use on top of white - * background (e.g. inside Panels, TabSheets and sub-windows). - */ - public static final String LAYOUT_DARKER = "darker"; - - /** - * Add a drop shadow around the layout and its contained components. - * Produces a rectangular shadow, even if the contained component would have - * a different shape. - * <p> - * Note: does not work in Internet Explorer 6 - */ - public static final String CSSLAYOUT_SHADOW = "box-shadow"; - - /** - * Adds necessary styles to the layout to make it look selectable (i.e. - * clickable). Add a click listener for the layout, and toggle the - * {@link #CSSLAYOUT_SELECTABLE_SELECTED} style for the same layout to make - * it look selected or not. - */ - public static final String CSSLAYOUT_SELECTABLE = "selectable"; - public static final String CSSLAYOUT_SELECTABLE_SELECTED = "selectable-selected"; - - /*************************************************************************** - * - * TextField styles - * - **************************************************************************/ - - /** - * Small sized text field with small font - */ - public static final String TEXTFIELD_SMALL = "small"; - - /*************************************************************************** - * - * Table styles - * - **************************************************************************/ - - /** - * Smaller header and item fonts. - */ - public static final String TABLE_SMALL = "small"; - - /** - * Removes the border and background color from the table. Removes - * alternating row background colors as well. - */ - public static final String TABLE_BORDERLESS = "borderless"; - - /*************************************************************************** - * - * Accordion styles - * - **************************************************************************/ - - /** - * A detached looking accordion, providing space around its captions and - * content. Doesn't necessarily need a Panel or other container to wrap it - * in order to make it look right. - */ - public static final String ACCORDION_LIGHT = "light"; - - /*************************************************************************** - * - * Window styles - * - **************************************************************************/ - - /** - * Smaller header and a darker background color for the window. Useful for - * smaller dialog-like windows. - */ - public static final String WINDOW_DIALOG = "dialog"; -} diff --git a/server/src/com/vaadin/ui/themes/ValoTheme.java b/server/src/com/vaadin/ui/themes/ValoTheme.java deleted file mode 100644 index 3a9986c632..0000000000 --- a/server/src/com/vaadin/ui/themes/ValoTheme.java +++ /dev/null @@ -1,1056 +0,0 @@ -/* - * Copyright 2000-2014 Vaadin Ltd. - * - * Licensed under the Apache License, Version 2.0 (the "License"); you may not - * use this file except in compliance with the License. You may obtain a copy of - * the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT - * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the - * License for the specific language governing permissions and limitations under - * the License. - */ -package com.vaadin.ui.themes; - -import com.vaadin.server.FontAwesome; -import com.vaadin.ui.Notification.Type; -import com.vaadin.ui.Table.ColumnHeaderMode; - -/** - * <p> - * Additional style names which can be used with the Valo theme. - * </p> - * - * <p> - * These styles are only available if the - * <code>$v-included-additional-styles</code> Sass list variable contains the - * name of the component for that additional style name (e.g. - * <code>button, textfield, table</code>). - * </p> - * - * <p> - * Most of these additional style names can be included individually into your - * custom theme using the component specific Sass mixins, in which case you can - * also define the style names yourself. See the Valo theme Sass API - * documentation for additional information. - * </p> - * - * TODO link to Sass API documentation - * - * @since 7.3 - * @author Vaadin Ltd - */ -public class ValoTheme { - - public static final String THEME_NAME = "valo"; - - /*************************************************************************** - * - * Notification styles - * - **************************************************************************/ - - /** - * Styles the notification to look like {@link Type#TRAY_NOTIFICATION}, - * without setting the position and delay. Can be combined with any other - * Notification style. - */ - public static final String NOTIFICATION_TRAY = "tray"; - - /** - * Styles the notification to look like {@link Type#WARNING_MESSAGE}, - * without setting the position and delay. Can be combined with any other - * Notification style. - */ - public static final String NOTIFICATION_WARNING = "warning"; - - /** - * Styles the notification to look like {@link Type#ERROR_MESSAGE}, without - * setting the position and delay. Can be combined with any other - * Notification style. - */ - public static final String NOTIFICATION_ERROR = "error"; - - /** - * Styles the notification to look like a system notification. Can be - * combined with any other Notification style. - */ - public static final String NOTIFICATION_SYSTEM = "system"; - - /** - * Styles the notification to span the entire width of the viewport. Can be - * combined with any other Notification style. - */ - public static final String NOTIFICATION_BAR = "bar"; - - /** - * Smaller padding and font size for the notification. Can be combined with - * any other Notification style. - */ - public static final String NOTIFICATION_SMALL = "small"; - - /** - * Adds a close button to the notification to imply that the user must click - * on the notification to dismiss it. Use in combination with an infinite - * delay (<code>-1</code>). Can be combined with any other Notification - * style. - */ - public static final String NOTIFICATION_CLOSABLE = "closable"; - - /** - * Success notification style. Adds a border around the notification and an - * icon next to the title. Can be combined with any other Label style. - */ - public static final String NOTIFICATION_SUCCESS = "success"; - - /** - * Failure notification style. Adds a border around the notification and an - * icon next to the title. Can be combined with any other Label style. - */ - public static final String NOTIFICATION_FAILURE = "failure"; - - /*************************************************************************** - * - * Label styles - * - **************************************************************************/ - - /** - * Header style for main application headings. Can be combined with any - * other Label style. - */ - public static final String LABEL_H1 = "h1"; - - /** - * Header style for different sections in the application. Can be combined - * with any other Label style. - */ - public static final String LABEL_H2 = "h2"; - - /** - * Header style for different sub-sections in the application. Can be - * combined with any other Label style. - */ - public static final String LABEL_H3 = "h3"; - - /** - * Header style for different sub-sections in the application. Can be - * combined with any other Label style. - */ - public static final String LABEL_H4 = "h4"; - - /** - * A utility style that can be combined with the {@link #LABEL_H1}, - * {@link #LABEL_H2}, {@link #LABEL_H3} and {@link #LABEL_H4} styles to - * remove the default margins from the header. - */ - public static final String LABEL_NO_MARGIN = "no-margin"; - - /** - * Tiny font size. Suitable for additional/supplementary UI text. Can be - * combined with any other Label style. - */ - public static final String LABEL_TINY = "tiny"; - - /** - * Small font size. Suitable for additional/supplementary UI text. Can be - * combined with any other Label style. - */ - public static final String LABEL_SMALL = "small"; - - /** - * Large font size. Suitable for important/prominent UI text. Can be - * combined with any other Label style. - */ - public static final String LABEL_LARGE = "large"; - - /** - * Huge font size. Suitable for important/prominent UI text. Can be combined - * with any other Label style. - */ - public static final String LABEL_HUGE = "huge"; - - /** - * Lighter font weight. Suitable for additional/supplementary UI text. Can - * be combined with any other Label style. - */ - public static final String LABEL_LIGHT = "light"; - - /** - * Bolder font weight. Suitable for important/prominent UI text. Can be - * combined with any other Label style. - */ - public static final String LABEL_BOLD = "bold"; - - /** - * Colored text. Can be combined with any other Label style. - */ - public static final String LABEL_COLORED = "colored"; - - /** - * Success badge style. Adds a border around the label and an icon next to - * the text. Suitable for UI notifications that need to in the direct - * context of some component. Can be combined with any other Label style. - */ - public static final String LABEL_SUCCESS = "success"; - - /** - * Failure badge style. Adds a border around the label and an icon next to - * the text. Suitable for UI notifications that need to in the direct - * context of some component. Can be combined with any other Label style. - */ - public static final String LABEL_FAILURE = "failure"; - - /** - * Spinner style. Add this style name to an empty Label to create a spinner. - * - * <h4>Example</h4> - * - * <pre> - * Label spinner = new Label(); - * spinner.addStyleName(ValoTheme.LABEL_SPINNER); - * </pre> - */ - public static final String LABEL_SPINNER = "spinner"; - - /*************************************************************************** - * - * Button styles - * - **************************************************************************/ - - /** - * Primary action button (e.g. the button that should get activated when the - * user presses the <code>enter</code> key in a form). Use sparingly, only - * one default button per view should be visible. Can be combined with any - * other Button style. - */ - public static final String BUTTON_PRIMARY = "primary"; - - /** - * A prominent button that can be used instead of the - * {@link #BUTTON_PRIMARY} for primary actions when the action is considered - * <b>safe</b> for the user (i.e. does not cause any data loss or any other - * irreversible action). Can be combined with any other Button style. - */ - public static final String BUTTON_FRIENDLY = "friendly"; - - /** - * A prominent button that can be used when the action is considered - * <b>unsafe</b> for the user (i.e. it causes data loss or some other - * irreversible action). Can be combined with any other Button style. - */ - public static final String BUTTON_DANGER = "danger"; - - /** - * Borderless button. Can be combined with any other Button style. - */ - public static final String BUTTON_BORDERLESS = "borderless"; - - /** - * Borderless button with a colored caption text. Can be combined with any - * other Button style. - */ - public static final String BUTTON_BORDERLESS_COLORED = "borderless-colored"; - - /** - * "Quiet" button, which looks like {@link #BUTTON_BORDERLESS} until you - * hover over it with the mouse. Can be combined with any other Button - * style. - */ - public static final String BUTTON_QUIET = "quiet"; - - /** - * Makes the button look like the Link component. Can be combined with any - * other Button style. - */ - public static final String BUTTON_LINK = "link"; - - /** - * Tiny size button. Can be combined with any other Button style. - */ - public static final String BUTTON_TINY = "tiny"; - - /** - * Small size button. Can be combined with any other Button style. - */ - public static final String BUTTON_SMALL = "small"; - - /** - * Large size button. Can be combined with any other Button style. - */ - public static final String BUTTON_LARGE = "large"; - - /** - * Huge size button. Can be combined with any other Button style. - */ - public static final String BUTTON_HUGE = "huge"; - - /** - * Align the icon to the right side of the button caption. Can be combined - * with any other Button style. - */ - public static final String BUTTON_ICON_ALIGN_RIGHT = "icon-align-right"; - - /** - * Stack the icon on top of the button caption. Can be combined with any - * other Button style. - */ - public static final String BUTTON_ICON_ALIGN_TOP = "icon-align-top"; - - /** - * Only show the icon in the button, and size the button to a square shape. - */ - public static final String BUTTON_ICON_ONLY = "icon-only"; - - /*************************************************************************** - * - * Link styles - * - **************************************************************************/ - - /** - * Small size link. - */ - public static final String LINK_SMALL = "small"; - - /** - * Large size link. - */ - public static final String LINK_LARGE = "large"; - - /*************************************************************************** - * - * TextField styles - * - **************************************************************************/ - - /** - * Tiny size text field. Can be combined with any other TextField style. - */ - public static final String TEXTFIELD_TINY = "tiny"; - - /** - * Small size text field. Can be combined with any other TextField style. - */ - public static final String TEXTFIELD_SMALL = "small"; - - /** - * Large size text field. Can be combined with any other TextField style. - */ - public static final String TEXTFIELD_LARGE = "large"; - - /** - * Huge size text field. Can be combined with any other TextField style. - */ - public static final String TEXTFIELD_HUGE = "huge"; - - /** - * Removes the border and background from the text field. Can be combined - * with any other TextField style. - */ - public static final String TEXTFIELD_BORDERLESS = "borderless"; - - /** - * Align the text inside the field to the right. Can be combined with any - * other TextField style. - */ - public static final String TEXTFIELD_ALIGN_RIGHT = "align-right"; - - /** - * Align the text inside the field to center. Can be combined with any other - * TextField style. - */ - public static final String TEXTFIELD_ALIGN_CENTER = "align-center"; - - /** - * Move the default caption icon inside the text field. Can be combined with - * any other TextField style. - */ - public static final String TEXTFIELD_INLINE_ICON = "inline-icon"; - - /*************************************************************************** - * - * TextArea styles - * - **************************************************************************/ - - /** - * Tiny size text area. Can be combined with any other TextArea style. - */ - public static final String TEXTAREA_TINY = "tiny"; - - /** - * Small size text area. Can be combined with any other TextArea style. - */ - public static final String TEXTAREA_SMALL = "small"; - - /** - * Large size text area. Can be combined with any other TextArea style. - */ - public static final String TEXTAREA_LARGE = "large"; - - /** - * Huge size text area. Can be combined with any other TextArea style. - */ - public static final String TEXTAREA_HUGE = "huge"; - - /** - * Removes the border and background from the text area. Can be combined - * with any other TextArea style. - */ - public static final String TEXTAREA_BORDERLESS = "borderless"; - - /** - * Align the text inside the area to the right. Can be combined with any - * other TextArea style. - */ - public static final String TEXTAREA_ALIGN_RIGHT = "align-right"; - - /** - * Align the text inside the area to center. Can be combined with any other - * TextArea style. - */ - public static final String TEXTAREA_ALIGN_CENTER = "align-center"; - - /*************************************************************************** - * - * DateField styles - * - **************************************************************************/ - - /** - * Tiny size date field. Can be combined with any other DateField style. - */ - public static final String DATEFIELD_TINY = "tiny"; - - /** - * Small size date field. Can be combined with any other DateField style. - */ - public static final String DATEFIELD_SMALL = "small"; - - /** - * Large size date field. Can be combined with any other DateField style. - */ - public static final String DATEFIELD_LARGE = "large"; - - /** - * Huge size date field. Can be combined with any other DateField style. - */ - public static final String DATEFIELD_HUGE = "huge"; - - /** - * Removes the border and background from the date field. Can be combined - * with any other DateField style. - */ - public static final String DATEFIELD_BORDERLESS = "borderless"; - - /** - * Align the text inside the field to the right. Can be combined with any - * other DateField style. - */ - public static final String DATEFIELD_ALIGN_RIGHT = "align-right"; - - /** - * Align the text inside the field to center. Can be combined with any other - * DateField style. - */ - public static final String DATEFIELD_ALIGN_CENTER = "align-center"; - - /*************************************************************************** - * - * ComboBox styles - * - **************************************************************************/ - - /** - * Tiny size combo box. Can be combined with any other ComboBox style. - */ - public static final String COMBOBOX_TINY = "tiny"; - - /** - * Small size combo box. Can be combined with any other ComboBox style. - */ - public static final String COMBOBOX_SMALL = "small"; - - /** - * Large size combo box. Can be combined with any other ComboBox style. - */ - public static final String COMBOBOX_LARGE = "large"; - - /** - * Huge size combo box. Can be combined with any other ComboBox style. - */ - public static final String COMBOBOX_HUGE = "huge"; - - /** - * Removes the border and background from the combo box. Can be combined - * with any other ComboBox style. - */ - public static final String COMBOBOX_BORDERLESS = "borderless"; - - /** - * Align the text inside the combo box to the right. Can be combined with - * any other TextField style. - */ - public static final String COMBOBOX_ALIGN_RIGHT = "align-right"; - - /** - * Align the text inside the combo box to center. Can be combined with any - * other TextField style. - */ - public static final String COMBOBOX_ALIGN_CENTER = "align-center"; - - /*************************************************************************** - * - * CheckBox styles - * - **************************************************************************/ - - /** - * Small size check box. Can be combined with any other CheckBox style. - */ - public static final String CHECKBOX_SMALL = "small"; - - /** - * Large size check box. Can be combined with any other CheckBox style. - */ - public static final String CHECKBOX_LARGE = "large"; - - /*************************************************************************** - * - * OptionGroup styles - * - **************************************************************************/ - - /** - * Small size option group. Can be combined with any other OptionGroup - * style. - */ - public static final String OPTIONGROUP_SMALL = "small"; - - /** - * Large size option group. Can be combined with any other OptionGroup - * style. - */ - public static final String OPTIONGROUP_LARGE = "large"; - - /** - * Display the options horizontally in a row (by default the items are - * stacked vertically). - */ - public static final String OPTIONGROUP_HORIZONTAL = "horizontal"; - - /*************************************************************************** - * - * Slider styles - * - **************************************************************************/ - - /** - * Hide the indicator bar from the slider. Can be combined with any other - * Slider style. - */ - public static final String SLIDER_NO_INDICATOR = "no-indicator"; - - /*************************************************************************** - * - * ProgressBar styles - * - **************************************************************************/ - - /** - * Make the progress bar indicator appear as a dot which progresses over the - * progress bar track (instead of a growing bar). - */ - public static final String PROGRESSBAR_POINT = "point"; - - /*************************************************************************** - * - * MenuBar styles - * - **************************************************************************/ - - /** - * Small size menu bar. Can be combined with any other MenuBar style. - */ - public static final String MENUBAR_SMALL = "small"; - - /** - * Borderless menu bar. Can be combined with any other MenuBar style. - */ - public static final String MENUBAR_BORDERLESS = "borderless"; - - /*************************************************************************** - * - * Table and TreeTable styles - * - **************************************************************************/ - - /** - * Remove the alternating row colors. Can be combined with any other - * Table/TreeTable style. - */ - public static final String TABLE_NO_STRIPES = "no-stripes"; - - /** - * See {@link #TABLE_NO_STRIPES} - */ - public static final String TREETABLE_NO_STRIPES = TABLE_NO_STRIPES; - - /** - * Remove the vertical divider lines between the table columns. Can be - * combined with any other Table/TreeTable style. - */ - public static final String TABLE_NO_VERTICAL_LINES = "no-vertical-lines"; - - /** - * See {@link #TABLE_NO_VERTICAL_LINES} - */ - public static final String TREETABLE_NO_VERTICAL_LINES = TABLE_NO_VERTICAL_LINES; - - /** - * Remove the horizontal divider lines between the table rows. Can be - * combined with any other Table/TreeTable style. - */ - public static final String TABLE_NO_HORIZONTAL_LINES = "no-horizontal-lines"; - - /** - * See {@link #TABLE_NO_HORIZONTAL_LINES} - */ - public static final String TREETABLE_NO_HORIZONTAL_LINES = TABLE_NO_HORIZONTAL_LINES; - - /** - * Hide the table column headers (effectively the same as - * {@link ColumnHeaderMode#HIDDEN}). Can be combined with any other - * Table/TreeTable style. - */ - public static final String TABLE_NO_HEADER = "no-header"; - - /** - * See {@link #TABLE_NO_HEADER} - */ - public static final String TREETABLE_NO_HEADER = TABLE_NO_HEADER; - - /** - * Remove the outer border of the table. Can be combined with any other - * Table/TreeTable style. - */ - public static final String TABLE_BORDERLESS = "borderless"; - - /** - * See {@link #TABLE_BORDERLESS} - */ - public static final String TREETABLE_BORDERLESS = TABLE_BORDERLESS; - - /** - * Reduce the white space inside the table cells. Can be combined with any - * other Table/TreeTable style. - */ - public static final String TABLE_COMPACT = "compact"; - - /** - * See {@link #TABLE_COMPACT} - */ - public static final String TREETABLE_COMPACT = TABLE_COMPACT; - - /** - * Small font size and reduced the white space inside the table cells. Can - * be combined with any other Table/TreeTable style. - */ - public static final String TABLE_SMALL = "small"; - - /** - * See {@link #TABLE_SMALL} - */ - public static final String TREETABLE_SMALL = TABLE_SMALL; - - /*************************************************************************** - * - * DragAndDropWrapper styles - * - **************************************************************************/ - - /** - * Hide the "box drag hints" (i.e. the style which gets applied when the - * drag is in the middle/center area of the drag target). - */ - public static final String DRAG_AND_DROP_WRAPPER_NO_BOX_DRAG_HINTS = "no-box-drag-hints"; - - /** - * Hide the "vertical drag hints" (i.e. the style which gets applied when - * the drag is in the top/bottom part of the drag target). - */ - public static final String DRAG_AND_DROP_WRAPPER_NO_VERTICAL_DRAG_HINTS = "no-vertical-drag-hints"; - - /** - * Hide the "horizontal drag hints" (i.e. the style which gets applied when - * the drag is in the left/right part of the drag target). - */ - public static final String DRAG_AND_DROP_WRAPPER_NO_HORIZONTAL_DRAG_HINTS = "no-horizontal-drag-hints"; - - /*************************************************************************** - * - * Panel styles - * - **************************************************************************/ - - /** - * Remove borders and the background color of the panel. Can be combined - * with any other Panel style. - */ - public static final String PANEL_BORDERLESS = "borderless"; - - /** - * Show a divider between the panel caption and content when the content - * area is scrolled. Suitable with the {@link #PANEL_BORDERLESS} style. Can - * be combined with any other Panel style. - */ - public static final String PANEL_SCROLL_INDICATOR = "scroll-divider"; - - /** - * Inset panel style. Can be combined with any other Panel style. - */ - public static final String PANEL_WELL = "well"; - - /*************************************************************************** - * - * SplitPanel styles - * - **************************************************************************/ - - /** - * Make the split handle wider. - */ - public static final String SPLITPANEL_LARGE = "large"; - - /*************************************************************************** - * - * TabSheet styles - * - **************************************************************************/ - - /** - * Adds a border around the whole component as well as around individual - * tabs in the tab bar. Can be combined with any other TabSheet style. - */ - public static final String TABSHEET_FRAMED = "framed"; - - /** - * Center the tabs inside the tab bar. Works best if all the tabs fit - * completely in the tab bar (i.e. no tab bar scrolling). Can be combined - * with any other TabSheet style. - */ - public static final String TABSHEET_CENTERED_TABS = "centered-tabs"; - - /** - * Give equal amount of space to all tabs in the tab bar (.i.e expand ratio - * == 1 for all tabs). The tab captions will be truncated if they do not fit - * in to the tab. Tab scrolling will be disabled when this style is applied - * (all tabs will be visible at the same time). Can be combined with any - * other TabSheet style. - */ - public static final String TABSHEET_EQUAL_WIDTH_TABS = "equal-width-tabs"; - - /** - * Add a small amount of padding around the tabs in the tab bar, so that - * they don't touch the outer edges of the component. Can be combined with - * any other TabSheet style. - */ - public static final String TABSHEET_PADDED_TABBAR = "padded-tabbar"; - - /** - * Reduce the whitespace around the tabs in the tab bar. Can be combined - * with any other TabSheet style. - */ - public static final String TABSHEET_COMPACT_TABBAR = "compact-tabbar"; - - /** - * Display tab icons on top of the tab captions (by default the icons are - * place on the left side of the caption). Can be combined with any other - * TabSheet style. - */ - public static final String TABSHEET_ICONS_ON_TOP = "icons-on-top"; - - /** - * Only the selected tab has the close button visible. Does not prevent - * closing the tab programmatically, it only hides the button from the end - * user. Can be combined with any other TabSheet style. - */ - public static final String TABSHEET_ONLY_SELECTED_TAB_IS_CLOSABLE = "only-selected-closable"; - - /*************************************************************************** - * - * Accordion styles - * - **************************************************************************/ - - /** - * Remove the outer border from the accordion. Can be combined with any - * other Accordion style. - */ - public static final String ACCORDION_BORDERLESS = "borderless"; - - /*************************************************************************** - * - * Window and related styles - * - **************************************************************************/ - - /** - * Add this style to any layout component (e.g. CssLayout, VerticalLayout or - * HorizontalLayout) and place it inside the root layout of the window to - * create a toolbar area for the window. You can then place any other - * components inside the toolbar layout, e.g. a MenuBar. - */ - public static final String WINDOW_TOP_TOOLBAR = "v-window-top-toolbar"; - - /** - * Add this style to any layout component (e.g. CssLayout, VerticalLayout or - * HorizontalLayout) and place it inside the root layout of the window to - * create a toolbar area for the window. You can then place any other - * components inside the toolbar layout, e.g. a MenuBar. - */ - public static final String WINDOW_BOTTOM_TOOLBAR = "v-window-bottom-toolbar"; - - /*************************************************************************** - * - * FormLayout styles - * - **************************************************************************/ - - /** - * Removes the borders and background from any direct child field components - * (TextField, TextArea, DateField, ComboBox) in the layout. Reduces the - * spacing between the form rows and adds separator lines between them. - */ - public static final String FORMLAYOUT_LIGHT = "light"; - - /*************************************************************************** - * - * Layout styles - * - **************************************************************************/ - - /** - * Make a layout look like the Panel component (resembles visually a card). - * Add an additional <code>v-panel-caption</code> style name to any layout - * inside the card layout to make it look like a Panel's caption. - */ - public static final String LAYOUT_CARD = "card"; - - /** - * Make a layout look like the {@link #PANEL_WELL} style. Add an additional - * <code>v-panel-caption</code> style name to any layout inside the card - * layout to make it look like a Panel's caption. - */ - public static final String LAYOUT_WELL = "well"; - - /** - * Make a HorizontalLayout wrap contained components to a new line when the - * isn't enough space. - */ - public static final String LAYOUT_HORIZONTAL_WRAPPING = "wrapping"; - - /** - * Add this style name to a CssLayout to create a grouped set of components, - * i.e. a row of components which are joined seamlessly together. - * - * <h4>Example</h4> - * - * <pre> - * CssLayout group = new CssLayout(); - * group.addStyleName(ValoTheme.LAYOUT_COMPONENT_GROUP); - * - * TextField field = new TextField(); - * group.addComponent(field); - * - * Button button = new Button("Action"); - * group.addComponent(button); - * </pre> - */ - public static final String LAYOUT_COMPONENT_GROUP = "v-component-group"; - - /*************************************************************************** - * - * Valo menu styles - * - **************************************************************************/ - - /** - * <p> - * When you use the Valo menu and wish to enable responsive features of the - * menu, you need to add this style name to the UI containing the menu. - * </p> - * - * <p> - * You only need to add this style name to the UI containing a Valo menu, if - * you're using the Responsive extension with the UI. - * </p> - * - * <h4>Example</h4> - * - * <p> - * To enable responsivity in the Valo menu, the following example code - * should be executed in your UI containing the menu. - * </p> - * - * <pre> - * Responsive.makeResponsive(this); - * addStyleName(ValoTheme.UI_WITH_MENU); - * </pre> - */ - public static final String UI_WITH_MENU = "valo-menu-responsive"; - - /** - * <p> - * Set the <em><b>primary</b></em> style name of a CssLayout to this, and - * add any number of layouts with the {@link #MENU_PART} style inside it. - * </p> - * - * <p> - * The menu style is used to create a sidebar navigation menu for the - * application, usually action as the main navigation for the different - * sections of the application. It usually consists of at least a number of - * {@link #MENU_ITEM}s, and possibly some {@link #MENU_SUBTITLE}s and a - * {@link #MENU_TITLE}. - * </p> - * - * <h4>Example</h4> - * - * <pre> - * CssLayout menuArea = new CssLayout(); - * menuArea.setPrimaryStyleName(ValoTheme.MENU_ROOT); - * </pre> - */ - public static final String MENU_ROOT = "valo-menu"; - - /** - * Add this style name to any layout and place it inside a layout with the - * {@link #MENU_ROOT} style to build a menu component. Use the additional - * MENU styles for individual components inside the layout. - * - * <h4>Example</h4> - * - * <pre> - * CssLayout menu = new CssLayout(); - * menu.addStyleName(ValoTheme.MENU_PART); - * </pre> - */ - public static final String MENU_PART = "valo-menu-part"; - - /** - * Add this style name to any layout with the {@link #MENU_PART} style name - * to make any menu items inside the menu emphasize the icons more than the - * captions. Useful on narrower viewport widths, since the menu width is - * decreased quite dramatically, making more space for the content of the - * application. - * - * <h4>Example</h4> - * - * <pre> - * CssLayout menu = new CssLayout(); - * menu.addStyleName(ValoTheme.MENU_PART); - * menu.addStyleName(ValoTheme.MENU_PART_LARGE_ICONS); - * </pre> - */ - public static final String MENU_PART_LARGE_ICONS = "large-icons"; - - /** - * <p> - * Add this style name to any layout to make a header area for a menu - * (intended to be placed in side a {@link #MENU_PART} layout). You can add - * any components inside it, but usually you would place a Label inside. - * </p> - * - * <p> - * Any MenuBar component that you place inside this layout will match the - * style of the title, allowing an easy way to add a toolbar to the title - * layout. - * </p> - */ - public static final String MENU_TITLE = "valo-menu-title"; - - /** - * Set the <em><b>primary</b></em> style name of a Label or a Button to this - * style name to create a section divider in a menu. - */ - public static final String MENU_SUBTITLE = "valo-menu-subtitle"; - - /** - * <p> - * Set the <em><b>primary</b></em> style name of a Button to this style name - * to create a clickable menu item in the menu. - * </p> - * - * <h4>Selected item</h4> - * <p> - * Add an additional style name <b><code>selected</code></b> to it to make - * it the selected item in the menu. - * </p> - * - * <h4>Example</h4> - * - * <pre> - * Button item = new Button(); - * item.setPrimaryStyleName(ValoTheme.MENU_ITEM); - * item.addStyleName("selected"); - * </pre> - */ - public static final String MENU_ITEM = "valo-menu-item"; - - /** - * Add a SPAN element with this style name inside a {@link #MENU_SUBTITLE} - * or {@link #MENU_ITEM} to add an additional badge indicator to the - * subtitle/item. The Label/Button needs to allow HTML content in order to - * use this style name. - * - * <h4>Examples</h4> - * - * <pre> - * Button item = new Button(); - * item.setPrimaryStyleName(ValoTheme.MENU_ITEM); - * item.setHtmlContentAllowed(true); - * item.setCaption("Item Caption <span class=\"" + ValoTheme.MENU_BADGE - * + "\">Badge text</span>"); - * </pre> - * - * <pre> - * Label item = new Label(); - * item.setPrimaryStyleName(ValoTheme.MENU_ITEM); - * item.setContentMode(ContentMode.HTML); - * item.setCaption("Item Caption <span class=\"" + ValoTheme.MENU_BADGE - * + "\">Badge text</span>"); - * </pre> - */ - public static final String MENU_BADGE = "valo-menu-badge"; - - /** - * <p> - * Set the <em><b>primary</b></em> style name of a Label or a Button to this - * style name to create an application logo. The logo is designed to be - * placed inside a {@link #MENU_PART} layout. - * </p> - * - * <p> - * The text content of the logo should be very short, since the logo area - * only shows approximately three letters. Using one of the - * {@link FontAwesome} icons is a good way to quickly create a logo for your - * application. - * </p> - * </p> - * - * <h4>Example</h4> - * - * <pre> - * Label logo = new Label(FontAwesome.ROCKET.getHtml(), ContentMode.HTML); - * logo.setSizeUndefined(); - * logo.setPrimaryStyleName(ValoTheme.MENU_LOGO); - * </pre> - */ - public static final String MENU_LOGO = "valo-menu-logo"; - -} |