Skip to main content

Symbol

note

This page has been automatically translated and has not been reviewed in detail yet. Therefore, the translation might not be completely accurate.

A non-interactive building block for displaying an icon from the icon pool of semantic-ui.

CSS Classes​

  • dashboardIconControl: the CSS class for the HTML element (DIV) to represent the elementary module as a whole.
  • dashboardIconControlIcon: a CSS class for the HTML element (DIV) that serves as a wrapper for the actual icon (HTML element (I) with at least the CSS class icon).

CSS variables​

  • --dashboard-icon-control-text-foreground, default #000000: the color of the icon itself (CSS color). If this variable is not set, but --dashboard-control-text-foreground is set, its value will be used before the default setting.
  • --dashboard-icon-control-text-background,default transparent: the background of the icon itself (CSS background). If this variable is not set, but --dashboard-control-text-background is set, its value will be used before the default setting.

Special instructions​

The size of the symbol itself is absolutely determined using the Character size (px) parameter - if this is 0, the default from the template or control element is used.