Package io.jmix.ui.theme
Class ThemeClassNames
java.lang.Object
io.jmix.ui.theme.ThemeClassNames
-
Field Summary
Modifier and TypeFieldDescriptionstatic final String
Remove the outer border from the accordion.static final String
Borderless button.static final String
Borderless button with a colored caption text.static final String
A prominent button that can be used when the action is considered unsafe for the user (i.e.static final String
A prominent button that can be used instead of theBUTTON_PRIMARY
for primary actions when the action is considered safe for the user (i.e.static final String
Align the icon to the right side of the button caption.static final String
Stack the icon on top of the button caption.static final String
Only show the icon in the button, and size the button to a square shape.static final String
Primary action button (e.g.static final String
"Quiet" button, which looks likeBUTTON_BORDERLESS
until you hover over it with the mouse.static final String
Add this style name to a CssLayout to create a grouped set of components, i.e.static final String
Remove the outer border of the DataGrid.static final String
Remove the horizontal divider lines between the DataGrid rows.static final String
Remove the alternating row colors.static final String
Remove the vertical divider lines between the DataGrid columns.static final String
Removes the border and background from the date field.static final String
Add this style name to aVBoxLayout
or aHBoxLayout
to mark this layout as dropzone.static final String
Add this style name to aLabel
to mark this component as dropzone description.static final String
Remove bottom and side borders of the GroupBox (only the top line will remain).static final String
Remove borders and the background color of the GroupBox.static final String
Style for layouts to hide overflow of nested content.static final String
Bolder font weight.static final String
Colored text.static final String
Failure badge style.static final String
Header style for main application headings.static final String
Header style for different sections in the application.static final String
Header style for different sub-sections in the application.static final String
Header style for different sub-sections in the application.static final String
Lighter font weight.static final String
static final String
Spinner style.static final String
Success badge style.static final String
Make a layout look like a card.static final String
Make any layout inside of another layout withLAYOUT_CARD
orLAYOUT_WELL
stylename looks like caption of parent layout.static final String
Side menu panel style.static final String
Side menu header style.static final String
Inset layout style.static final String
Align the text inside the LookupField to center.static final String
Align the text inside the LookupField to the right.static final String
Removes the border and background from the LookupField.static final String
static final String
Hide the popup indicator in the popup button.static final String
Highlights the button component with special visual style.static final String
Make the progress bar indicator appear as a dot which progresses over the progress bar track (instead of a growing bar).static final String
Style for layouts to hide empty / zero height content.static final String
Style for horizontal layout that containsSIDEMENU_PANEL
andAppWorkArea
in responsive mainwindow withSideMenu
.static final String
Style for layout tag in mainwindow with responsiveSideMenu
.static final String
Style for mobile buttons in top panel in responsive mainwindow withSideMenu
.static final String
Style for side panel in responsive mainwindow withSideMenu
.static final String
Style for opened side panel in responsive mainwindow withSideMenu
.static final String
Style for top header in responsive mainwindow withSideMenu
.static final String
Style for side panel toggle button in responsive mainwindow withSideMenu
.static final String
Style for opened side panel content in responsive mainwindow withSideMenu
.static final String
Huge component size.static final String
Large component size.static final String
Small component size.static final String
Tiny component size.static final String
Make the split handle wider.static final String
Remove the outer border of the table.static final String
Reduce the white space inside the table cells.static final String
Hide the table column headers (effectively the same as:static final String
Remove the horizontal divider lines between the table rows.static final String
Remove the alternating row colors.static final String
Remove the vertical divider lines between the table columns.static final String
Small font size and reduced the white space inside the table cells.static final String
Center the tabs inside the tab bar.static final String
Reduce the whitespace around the tabs in the tab bar.static final String
Give equal amount of space to all tabs in the tab bar (i.e.static final String
Adds a border around the whole component as well as around individual tabs in the tab bar.static final String
Display tab icons on top of the tab captions (by default the icons are place on the left side of the caption).static final String
Only the selected tab has the close button visible.static final String
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.static final String
Align the text inside the area to center.static final String
Align the text inside the area to the right.static final String
Removes the border and background from the text area.static final String
Align the text inside the field to center.static final String
Align the text inside the field to the right.static final String
Removes the border and background from the text field.static final String
Move the default caption icon inside the text field. -
Constructor Summary
-
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_H3
andLABEL_H4
styles 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 theenter
key 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_PRIMARY
for 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_BORDERLESS
until 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 forEntityPicker
andEntityComboBox
- 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 forEntityPicker
andEntityComboBox
- 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 forEntityPicker
andEntityComboBox
- 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_CARD
orLAYOUT_WELL
stylename looks like caption of parent layout.- See Also:
-
LAYOUT_CARD
Make a layout look like a card. Add an additionalv-panel-caption
style 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-caption
style 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 aVBoxLayout
or aHBoxLayout
to mark this layout as dropzone.- See Also:
-
FILEUPLOADFIELD_DROPZONE_DESCRIPTION
Add this style name to aLabel
to 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_PANEL
andAppWorkArea
in 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()
-