« Back to Product

Documentation

Designs

Require: IP-Symcon >= 7.0

You can switch between different designs in the settings under Visualization using the cogwheel on the right in the appbar.

Warning

Background and text color as well as font of the HTMLBox are influenced by the design.

edit designs

As of version 8.1, the designs can be edited using the pencil in the corner of the tiles. Individual colors can be changed as desired and saved locally via "Save changes". The settings can be downloaded as a file and uploaded to another visualization using the corresponding buttons. Settings can be reset at any time using the arrow symbol.

Parameter

Color Description
Accent Color The color of interactive elements (sliders, buttons)
Tile The color of the tiles
Background The color of the background on which the tiles are displayed
Background Text The color of text and icons displayed on the background
Appbar The color of the bar at the top of the visualization
Appbar Text The color of text and icons on the appbar
Automatic title size The size of the titles of the individual tiles (Per Tile: Each tile adjusts its title size optimally. Per Category: Within a category, all title sizes are uniform and based on the smallest title. Fixed Size: All titles have a fixed size)
Fixed title size Visible with automatic title size “Fixed size” (Big, Medium, Small)
Accent Text The color of text and icons on controls in the accent color
Tile Text The color of icons and text on standard tiles
Dark Tile Text The color of text and icons on tiles that are darker than the default due to dynamic background colors
Light Tile Text The color of text and icons on tiles that are lighter than the default due to dynamic background colors
Error Color The background color of error banners and faulty tiles
Error Text The color of texts and icons on error banners
Corner Radius The size of the corners of the tiles (from 0 - pointed to 10 - very flattened)
Any questions?