Class ThemeClassNames

java.lang.Object
io.jmix.ui.theme.ThemeClassNames

public class ThemeClassNames extends Object
  • Field Details

    • NAME

      public static final String NAME
      See Also:
    • LABEL_H1

      public static final String LABEL_H1
      Header style for main application headings. Can be combined with any other Label style.
      See Also:
    • LABEL_H2

      public static final String LABEL_H2
      Header style for different sections in the application. Can be combined with any other Label style.
      See Also:
    • LABEL_H3

      public static final String LABEL_H3
      Header style for different sub-sections in the application. Can be combined with any other Label style.
      See Also:
    • LABEL_H4

      public static final String LABEL_H4
      Header style for different sub-sections in the application. Can be combined with any other Label style.
      See Also:
    • LABEL_NO_MARGIN

      public static final String LABEL_NO_MARGIN
      A utility style that can be combined with the LABEL_H1, LABEL_H2, LABEL_H3 and LABEL_H4 styles to remove the default margins from the header.
      See Also:
    • LABEL_LIGHT

      public static final String LABEL_LIGHT
      Lighter font weight. Suitable for additional/supplementary UI text. Can be combined with any other Label style.
      See Also:
    • LABEL_BOLD

      public static final String LABEL_BOLD
      Bolder font weight. Suitable for important/prominent UI text. Can be combined with any other Label style.
      See Also:
    • LABEL_COLORED

      public static final String LABEL_COLORED
      Colored text. Can be combined with any other Label style.
      See Also:
    • LABEL_SUCCESS

      public static final String 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

      public static final String 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

      public static final String LABEL_SPINNER
      Spinner style. Add this style name to an empty Label to create a spinner. Example
       Label spinner = new Label();
       spinner.addStyleName(HaloTheme.LABEL_SPINNER);
       
      See Also:
    • BUTTON_PRIMARY

      public static final String BUTTON_PRIMARY
      Primary action button (e.g. the button that should get activated when the user presses the enter 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

      public static final String BUTTON_FRIENDLY
      A prominent button that can be used instead of the BUTTON_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

      public static final String 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

      public static final String BUTTON_QUIET
      "Quiet" button, which looks like BUTTON_BORDERLESS until you hover over it with the mouse. Can be combined with any other Button style.
      See Also:
    • BUTTON_ICON_ALIGN_RIGHT

      public static final String 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

      public static final String 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

      public static final String BUTTON_ICON_ONLY
      Only show the icon in the button, and size the button to a square shape.
      See Also:
    • BUTTON_BORDERLESS

      public static final String BUTTON_BORDERLESS
      Borderless button. Can be combined with any other Button style.
      See Also:
    • BUTTON_BORDERLESS_COLORED

      public static final String BUTTON_BORDERLESS_COLORED
      Borderless button with a colored caption text. Can be combined with any other Button style.
      See Also:
    • TEXTFIELD_BORDERLESS

      public static final String TEXTFIELD_BORDERLESS
      Removes the border and background from the text field. Can be combined with any other TextField style.
      See Also:
    • TEXTFIELD_ALIGN_RIGHT

      public static final String 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

      public static final String TEXTFIELD_ALIGN_CENTER
      Align the text inside the field to center. Can be combined with any other TextField style.
      See Also:
    • TEXTFIELD_INLINE_ICON

      public static final String TEXTFIELD_INLINE_ICON
      Move the default caption icon inside the text field. Can be combined with any other TextField style.
      See Also:
    • TEXTAREA_BORDERLESS

      public static final String TEXTAREA_BORDERLESS
      Removes the border and background from the text area. Can be combined with any other TextArea style.
      See Also:
    • TEXTAREA_ALIGN_RIGHT

      public static final String 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

      public static final String TEXTAREA_ALIGN_CENTER
      Align the text inside the area to center. Can be combined with any other TextArea style.
      See Also:
    • DATEFIELD_BORDERLESS

      public static final String DATEFIELD_BORDERLESS
      Removes the border and background from the date field. Can be combined with any other DateField style.
      See Also:
    • LOOKUPFIELD_BORDERLESS

      public static final String LOOKUPFIELD_BORDERLESS
      Removes the border and background from the LookupField. Can be combined with any other LookupField style. This style can also be used for EntityPicker and EntityComboBox
      See Also:
    • LOOKUPFIELD_ALIGN_RIGHT

      public static final String 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 for EntityPicker and EntityComboBox
      See Also:
    • LOOKUPFIELD_ALIGN_CENTER

      public static final String 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 for EntityPicker and EntityComboBox
      See Also:
    • TABLE_NO_STRIPES

      public static final String TABLE_NO_STRIPES
      Remove the alternating row colors. Can be combined with any other Table/TreeTable style.
      See Also:
    • TABLE_NO_VERTICAL_LINES

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String TABLE_BORDERLESS
      Remove the outer border of the table. Can be combined with any other Table/TreeTable style.
      See Also:
    • TABLE_COMPACT

      public static final String TABLE_COMPACT
      Reduce the white space inside the table cells. Can be combined with any other Table/TreeTable style.
      See Also:
    • TABLE_SMALL

      public static final String 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

      public static final String 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

      public static final String SPLITPANEL_LARGE
      Make the split handle wider.
      See Also:
    • TABSHEET_FRAMED

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String 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

      public static final String ACCORDION_BORDERLESS
      Remove the outer border from the accordion. Can be combined with any other Accordion style.
      See Also:
    • GROUPBOX_LIGHT

      public static final String GROUPBOX_LIGHT
      Remove bottom and side borders of the GroupBox (only the top line will remain).
      See Also:
    • GROUPBOX_PANEL_BORDERLESS

      public static final String 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

      public static final String LAYOUT_HEADER
      Make any layout inside of another layout with LAYOUT_CARD or LAYOUT_WELL stylename looks like caption of parent layout.
      See Also:
    • LAYOUT_CARD

      public static final String LAYOUT_CARD
      Make a layout look like a card. Add an additional v-panel-caption style name to any layout inside the card layout to make it look like a layout header.
      See Also:
    • LAYOUT_WELL

      public static final String LAYOUT_WELL
      Inset layout style. Add an additional v-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

      public static final String LAYOUT_SIDE_MENU_PANEL
      Side menu panel style. Used with SideMenu.
      See Also:
    • LAYOUT_SIDE_MENU_TITLE

      public static final String LAYOUT_SIDE_MENU_TITLE
      Side menu header style. Used with SideMenu.
      See Also:
    • CSSLAYOUT_COMPONENT_GROUP

      public static final String 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.
      Example
       CssLayout 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

      public static final String FILEUPLOADFIELD_DROPZONE_CONTAINER
      Add this style name to a VBoxLayout or a HBoxLayout to mark this layout as dropzone.
      See Also:
    • FILEUPLOADFIELD_DROPZONE_DESCRIPTION

      public static final String FILEUPLOADFIELD_DROPZONE_DESCRIPTION
      Add this style name to a Label to mark this component as dropzone description.
      See Also:
    • SIDEMENU_LAYOUT_RESPONSIVE

      public static final String SIDEMENU_LAYOUT_RESPONSIVE
      Style for layout tag in mainwindow with responsive SideMenu.
      See Also:
    • SIDEMENU_LAYOUT

      public static final String SIDEMENU_LAYOUT
      Style for horizontal layout that contains SIDEMENU_PANEL and AppWorkArea in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_PANEL

      public static final String SIDEMENU_PANEL
      Style for side panel in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_PANEL_OPEN

      public static final String SIDEMENU_PANEL_OPEN
      Style for opened side panel in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_WRAP

      public static final String SIDEMENU_WRAP
      Style for opened side panel content in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_TOGGLE_BUTTON

      public static final String SIDEMENU_TOGGLE_BUTTON
      Style for side panel toggle button in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_MOBILE_BUTTONS

      public static final String SIDEMENU_MOBILE_BUTTONS
      Style for mobile buttons in top panel in responsive mainwindow with SideMenu.
      See Also:
    • SIDEMENU_TITLE

      public static final String SIDEMENU_TITLE
      Style for top header in responsive mainwindow with SideMenu.
      See Also:
    • SHRINK_EMPTY_CONTAINER

      public static final String SHRINK_EMPTY_CONTAINER
      Style for layouts to hide empty / zero height content.
      See Also:
    • HIDE_CONTAINER_OVERFLOW

      public static final String HIDE_CONTAINER_OVERFLOW
      Style for layouts to hide overflow of nested content.
      See Also:
    • SIZE_TINY

      public static final String SIZE_TINY
      Tiny component size. Can be combined with any other component style.
      See Also:
    • SIZE_SMALL

      public static final String SIZE_SMALL
      Small component size. Can be combined with any other component style.
      See Also:
    • SIZE_LARGE

      public static final String SIZE_LARGE
      Large component size. Can be combined with any other component style.

      Not supported by the DateField component.

      See Also:
    • SIZE_HUGE

      public static final String SIZE_HUGE
      Huge component size. Can be combined with any other component style.

      Not supported by the DateField component.

      See Also:
    • DATAGRID_BORDERLESS

      public static final String DATAGRID_BORDERLESS
      Remove the outer border of the DataGrid. Can be combined with any other DataGrid/TreeDataGrid style.
      See Also:
    • DATAGRID_NO_STRIPES

      public static final String DATAGRID_NO_STRIPES
      Remove the alternating row colors. Can be combined with any other DataGrid/TreeDataGrid style.
      See Also:
    • DATAGRID_NO_VERTICAL_LINES

      public static final String 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

      public static final String 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

      public static final String PRIMARY_ACTION
      Highlights the button component with special visual style.
      See Also:
  • Constructor Details

    • ThemeClassNames

      public ThemeClassNames()