General/Layout Tab

Owned by Jens Beckmann (Unlicensed)
Last updated: Aug 23, 2018 by Stefanie Schröder (Unlicensed)

Modules

Here you can see a list of all currently available modules that can be used to design your tiles. The range of modules is constantly growing with new releases of the graphomate tiles. A detailed guidance on each module and its options can be found in the description of the Modules tab.

The Lines Module visualizes trends and thresholds with two lines.

The Bullet Graphs Module shows up to five bullet graphs after Stephen Few's concept.

With the Pies Module you can visualize percentages and a deviation in a pie chart.

The Sparklines Module displays up to ten small, individually scaled line charts.

The Title Module allows a data-driven definition of two title lines and an icon.

The Column Module shows up to three columns with data labels.    

The Column Module displays up to three different measures including category labels and values. 

The Footer shows a measure with labels in one line.


The KPI Module visualizes a measure as large number.


The Legend Module shows up to three items for a color-based legend.


The Bars Module shows analogous to the Columns Module up to three bars with data labels.

The Stacked Column Module shows a data series as a stacked chart.

The Table Module displays texts and figures in form of a list.

The Waffles Module displays up to two data series as a segmented bar chart.

The Slopegraphs Module visualizes up to three DataCellLists and shows the trend of the ranking of the individual data points.

The Icon Module displays a single icon.

The Text Module displays up to three lines of fully HTML capable text.

Layout Config

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.


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.

Module 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).