Package io.jmix.ui.theme
Class ThemeClassNames
java.lang.Object
io.jmix.ui.theme.ThemeClassNames
-
Field Summary
FieldsModifier and TypeFieldDescriptionstatic final StringRemove the outer border from the accordion.static final StringBorderless button.static final StringBorderless button with a colored caption text.static final StringA prominent button that can be used when the action is considered unsafe for the user (i.e.static final StringA prominent button that can be used instead of theBUTTON_PRIMARYfor primary actions when the action is considered safe for the user (i.e.static final StringAlign the icon to the right side of the button caption.static final StringStack the icon on top of the button caption.static final StringOnly show the icon in the button, and size the button to a square shape.static final StringPrimary action button (e.g.static final String"Quiet" button, which looks likeBUTTON_BORDERLESSuntil you hover over it with the mouse.static final StringAdd this style name to a CssLayout to create a grouped set of components, i.e.static final StringRemove the outer border of the DataGrid.static final StringRemove the horizontal divider lines between the DataGrid rows.static final StringRemove the alternating row colors.static final StringRemove the vertical divider lines between the DataGrid columns.static final StringRemoves the border and background from the date field.static final StringAdd this style name to aVBoxLayoutor aHBoxLayoutto mark this layout as dropzone.static final StringAdd this style name to aLabelto mark this component as dropzone description.static final StringRemove bottom and side borders of the GroupBox (only the top line will remain).static final StringRemove borders and the background color of the GroupBox.static final StringStyle for layouts to hide overflow of nested content.static final StringBolder font weight.static final StringColored text.static final StringFailure badge style.static final StringHeader style for main application headings.static final StringHeader style for different sections in the application.static final StringHeader style for different sub-sections in the application.static final StringHeader style for different sub-sections in the application.static final StringLighter font weight.static final Stringstatic final StringSpinner style.static final StringSuccess badge style.static final StringMake a layout look like a card.static final StringMake any layout inside of another layout withLAYOUT_CARDorLAYOUT_WELLstylename looks like caption of parent layout.static final StringSide menu panel style.static final StringSide menu header style.static final StringInset layout style.static final StringAlign the text inside the LookupField to center.static final StringAlign the text inside the LookupField to the right.static final StringRemoves the border and background from the LookupField.static final Stringstatic final StringHide the popup indicator in the popup button.static final StringHighlights the button component with special visual style.static final StringMake the progress bar indicator appear as a dot which progresses over the progress bar track (instead of a growing bar).static final StringStyle for layouts to hide empty / zero height content.static final StringStyle for horizontal layout that containsSIDEMENU_PANELandAppWorkAreain responsive mainwindow withSideMenu.static final StringStyle for layout tag in mainwindow with responsiveSideMenu.static final StringStyle for mobile buttons in top panel in responsive mainwindow withSideMenu.static final StringStyle for side panel in responsive mainwindow withSideMenu.static final StringStyle for opened side panel in responsive mainwindow withSideMenu.static final StringStyle for top header in responsive mainwindow withSideMenu.static final StringStyle for side panel toggle button in responsive mainwindow withSideMenu.static final StringStyle for opened side panel content in responsive mainwindow withSideMenu.static final StringHuge component size.static final StringLarge component size.static final StringSmall component size.static final StringTiny component size.static final StringMake the split handle wider.static final StringRemove the outer border of the table.static final StringReduce the white space inside the table cells.static final StringHide the table column headers (effectively the same as:static final StringRemove the horizontal divider lines between the table rows.static final StringRemove the alternating row colors.static final StringRemove the vertical divider lines between the table columns.static final StringSmall font size and reduced the white space inside the table cells.static final StringCenter the tabs inside the tab bar.static final StringReduce the whitespace around the tabs in the tab bar.static final StringGive equal amount of space to all tabs in the tab bar (i.e.static final StringAdds a border around the whole component as well as around individual tabs in the tab bar.static final StringDisplay tab icons on top of the tab captions (by default the icons are place on the left side of the caption).static final StringOnly the selected tab has the close button visible.static final StringAdd a small amount of padding around the tabs in the tab bar, so that they don't touch the outer edges of the component.static final StringAlign the text inside the area to center.static final StringAlign the text inside the area to the right.static final StringRemoves the border and background from the text area.static final StringAlign the text inside the field to center.static final StringAlign the text inside the field to the right.static final StringRemoves the border and background from the text field.static final StringMove the default caption icon inside the text field. -
Constructor Summary
Constructors -
Method Summary
-
Field Details
-
NAME
- See Also:
-
LABEL_H1
Header style for main application headings. Can be combined with any other Label style.- See Also:
-
LABEL_H2
Header style for different sections in the application. Can be combined with any other Label style.- See Also:
-
LABEL_H3
Header style for different sub-sections in the application. Can be combined with any other Label style.- See Also:
-
LABEL_H4
Header style for different sub-sections in the application. Can be combined with any other Label style.- See Also:
-
LABEL_NO_MARGIN
A utility style that can be combined with theLABEL_H1,LABEL_H2,LABEL_H3andLABEL_H4styles to remove the default margins from the header.- See Also:
-
LABEL_LIGHT
Lighter font weight. Suitable for additional/supplementary UI text. Can be combined with any other Label style.- See Also:
-
LABEL_BOLD
Bolder font weight. Suitable for important/prominent UI text. Can be combined with any other Label style.- See Also:
-
LABEL_COLORED
Colored text. Can be combined with any other Label style.- See Also:
-
LABEL_SUCCESS
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.- See Also:
-
LABEL_FAILURE
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.- See Also:
-
LABEL_SPINNER
Spinner style. Add this style name to an empty Label to create a spinner. ExampleLabel spinner = new Label(); spinner.addStyleName(HaloTheme.LABEL_SPINNER);
- See Also:
-
BUTTON_PRIMARY
Primary action button (e.g. the button that should get activated when the user presses theenterkey in a form). Use sparingly, only one default button per view should be visible. Can be combined with any other Button style.- See Also:
-
BUTTON_FRIENDLY
A prominent button that can be used instead of theBUTTON_PRIMARYfor primary actions when the action is considered safe for the user (i.e. does not cause any data loss or any other irreversible action). Can be combined with any other Button style.- See Also:
-
BUTTON_DANGER
A prominent button that can be used when the action is considered unsafe for the user (i.e. it causes data loss or some other irreversible action). Can be combined with any other Button style.- See Also:
-
BUTTON_QUIET
"Quiet" button, which looks likeBUTTON_BORDERLESSuntil you hover over it with the mouse. Can be combined with any other Button style.- See Also:
-
BUTTON_ICON_ALIGN_RIGHT
Align the icon to the right side of the button caption. Can be combined with any other Button style.- See Also:
-
BUTTON_ICON_ALIGN_TOP
Stack the icon on top of the button caption. Can be combined with any other Button style.- See Also:
-
BUTTON_ICON_ONLY
Only show the icon in the button, and size the button to a square shape.- See Also:
-
BUTTON_BORDERLESS
Borderless button. Can be combined with any other Button style.- See Also:
-
BUTTON_BORDERLESS_COLORED
Borderless button with a colored caption text. Can be combined with any other Button style.- See Also:
-
POPUP_BUTTON_NO_POPUP_INDICATOR
Hide the popup indicator in the popup button.- See Also:
-
TEXTFIELD_BORDERLESS
Removes the border and background from the text field. Can be combined with any other TextField style.- See Also:
-
TEXTFIELD_ALIGN_RIGHT
Align the text inside the field to the right. Can be combined with any other TextField style.- See Also:
-
TEXTFIELD_ALIGN_CENTER
Align the text inside the field to center. Can be combined with any other TextField style.- See Also:
-
TEXTFIELD_INLINE_ICON
Move the default caption icon inside the text field. Can be combined with any other TextField style.- See Also:
-
TEXTAREA_BORDERLESS
Removes the border and background from the text area. Can be combined with any other TextArea style.- See Also:
-
TEXTAREA_ALIGN_RIGHT
Align the text inside the area to the right. Can be combined with any other TextArea style.- See Also:
-
TEXTAREA_ALIGN_CENTER
Align the text inside the area to center. Can be combined with any other TextArea style.- See Also:
-
DATEFIELD_BORDERLESS
Removes the border and background from the date field. Can be combined with any other DateField style.- See Also:
-
LOOKUPFIELD_BORDERLESS
Removes the border and background from the LookupField. Can be combined with any other LookupField style. This style can also be used forEntityPickerandEntityComboBox- See Also:
-
LOOKUPFIELD_ALIGN_RIGHT
Align the text inside the LookupField to the right. Can be combined with any other TextField style. This style can also be used forEntityPickerandEntityComboBox- See Also:
-
LOOKUPFIELD_ALIGN_CENTER
Align the text inside the LookupField to center. Can be combined with any other TextField style. This style can also be used forEntityPickerandEntityComboBox- See Also:
-
TABLE_NO_STRIPES
Remove the alternating row colors. Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_NO_VERTICAL_LINES
Remove the vertical divider lines between the table columns. Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_NO_HORIZONTAL_LINES
Remove the horizontal divider lines between the table rows. Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_NO_HEADER
Hide the table column headers (effectively the same as:Table table = componentsFactory.createComponent(Table.class); table.setColumnHeaderVisible(false);
Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_BORDERLESS
Remove the outer border of the table. Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_COMPACT
Reduce the white space inside the table cells. Can be combined with any other Table/TreeTable style.- See Also:
-
TABLE_SMALL
Small font size and reduced the white space inside the table cells. Can be combined with any other Table/TreeTable style.- See Also:
-
PROGRESSBAR_POINT
Make the progress bar indicator appear as a dot which progresses over the progress bar track (instead of a growing bar).- See Also:
-
SPLITPANEL_LARGE
Make the split handle wider.- See Also:
-
TABSHEET_FRAMED
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.- See Also:
-
TABSHEET_CENTERED_TABS
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.- See Also:
-
TABSHEET_PADDED_TABBAR
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.- See Also:
-
TABSHEET_EQUAL_WIDTH_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.- See Also:
-
TABSHEET_COMPACT_TABBAR
Reduce the whitespace around the tabs in the tab bar. Can be combined with any other TabSheet style.- See Also:
-
TABSHEET_ICONS_ON_TOP
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.- See Also:
-
TABSHEET_ONLY_SELECTED_TAB_IS_CLOSABLE
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.- See Also:
-
ACCORDION_BORDERLESS
Remove the outer border from the accordion. Can be combined with any other Accordion style.- See Also:
-
GROUPBOX_LIGHT
Remove bottom and side borders of the GroupBox (only the top line will remain).- See Also:
-
GROUPBOX_PANEL_BORDERLESS
Remove borders and the background color of the GroupBox. Can be combined with any other GroupBox style.Notice that you should enable flag "showAsPanel".
- See Also:
-
LAYOUT_HEADER
Make any layout inside of another layout withLAYOUT_CARDorLAYOUT_WELLstylename looks like caption of parent layout.- See Also:
-
LAYOUT_CARD
Make a layout look like a card. Add an additionalv-panel-captionstyle name to any layout inside the card layout to make it look like a layout header.- See Also:
-
LAYOUT_WELL
Inset layout style. Add an additionalv-panel-captionstyle name to any layout inside the card layout to make it look like a layout header.- See Also:
-
LAYOUT_SIDE_MENU_PANEL
Side menu panel style. Used withSideMenu.- See Also:
-
LAYOUT_SIDE_MENU_TITLE
Side menu header style. Used withSideMenu.- See Also:
-
CSSLAYOUT_COMPONENT_GROUP
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.
ExampleCssLayout group = new CssLayout(); group.addStyleName(HaloTheme.CSSLAYOUT_COMPONENT_GROUP); TextField field = new TextField(); group.add(field); Button button = new Button("Action"); group.add(button);- See Also:
-
FILEUPLOADFIELD_DROPZONE_CONTAINER
Add this style name to aVBoxLayoutor aHBoxLayoutto mark this layout as dropzone.- See Also:
-
FILEUPLOADFIELD_DROPZONE_DESCRIPTION
Add this style name to aLabelto mark this component as dropzone description.- See Also:
-
SIDEMENU_LAYOUT_RESPONSIVE
Style for layout tag in mainwindow with responsiveSideMenu.- See Also:
-
SIDEMENU_LAYOUT
Style for horizontal layout that containsSIDEMENU_PANELandAppWorkAreain responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_PANEL
Style for side panel in responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_PANEL_OPEN
Style for opened side panel in responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_WRAP
Style for opened side panel content in responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_TOGGLE_BUTTON
Style for side panel toggle button in responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_MOBILE_BUTTONS
Style for mobile buttons in top panel in responsive mainwindow withSideMenu.- See Also:
-
SIDEMENU_TITLE
Style for top header in responsive mainwindow withSideMenu.- See Also:
-
SHRINK_EMPTY_CONTAINER
Style for layouts to hide empty / zero height content.- See Also:
-
HIDE_CONTAINER_OVERFLOW
Style for layouts to hide overflow of nested content.- See Also:
-
SIZE_TINY
Tiny component size. Can be combined with any other component style.- See Also:
-
SIZE_SMALL
Small component size. Can be combined with any other component style.- See Also:
-
SIZE_LARGE
Large component size. Can be combined with any other component style.Not supported by the DateField component.
- See Also:
-
SIZE_HUGE
Huge component size. Can be combined with any other component style.Not supported by the DateField component.
- See Also:
-
DATAGRID_BORDERLESS
Remove the outer border of the DataGrid. Can be combined with any other DataGrid/TreeDataGrid style.- See Also:
-
DATAGRID_NO_STRIPES
Remove the alternating row colors. Can be combined with any other DataGrid/TreeDataGrid style.- See Also:
-
DATAGRID_NO_VERTICAL_LINES
Remove the vertical divider lines between the DataGrid columns. Can be combined with any other DataGrid/TreeDataGrid style.- See Also:
-
DATAGRID_NO_HORIZONTAL_LINES
Remove the horizontal divider lines between the DataGrid rows. Can be combined with any other DataGrid/TreeDataGrid style.- See Also:
-
PRIMARY_ACTION
Highlights the button component with special visual style.- See Also:
-
-
Constructor Details
-
ThemeClassNames
public ThemeClassNames()
-