Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This switch can be used to select the face of the tile to be configured.

Each face has its own configuration. This extends to modules, databinding, layout as well as layout options. However, only a single data source is permitted per tile.


Builder

Via mouse click you can choose from currently 24 different layouts that consist of up to three lines and two columns. To set a certain layout just click on the little grey icon; it then turns blue and the available layout slots are displayed beneath.

Then simply drag one of the modules above to the desired row or column of the Builder and drop it there.

According to the selected module, data connection and available options are generated in the background and displayed on the Modules tab.

Please bear in mind that Design Studio allows only one data source per tile.

Already selected modules can be moved within the Layout Builder via drag and drop. Assigned data and other settings are retained.

Modules can be deleted using the button with the little x in the top right corner of the module icons.

Layout Display Options

Depending on the chosen layout different options are available here.

For example, the height ratio of the rows to each other can be adjusted. (A selection of 1:1:1 results in identical heights of the three rows).)

For layouts that contain more than one column, there is also the option to adjust the width ratio of the columns to each other. (A selcection of 1:1 results in identical widths of the two columns.)

The option Show Divider Lines activates thin dividing lines between the rows of the layout.

Adjust the thickness of these dividing lines via Divider Thickness.




Image Modified


Padding allows you to set a uniform distance that affects each individual module (green highlight in the figure on the right shows the default setting of 5 pixels). The Padding at this point has no effect on the dividing lines; for this use the Component Padding on the Appearance tab (blue highlight).

...