Customizing the advanced composer

The layout of the composer can be changed in different ways, specifically:

  • Changing the ZBOS Control style-setting

  • Changing the layout + color-scheme of the blocks

  • Changing the layout of the tools-page

Changing the Style setting

See the chapter Style on how to change the current styling of ZBOS Control.

Changing the layout and colors of the blocks

Tap the palette icon at the top of the block toolbar to open the style settings.

changeblockstyle

In the following popup, the options for the blocks can be set (and previewed).

changeblockmodal

Available Display options

The blocks can be shown in various formats, such as 2 icons side-by-side or a single-column list with an explanation. The list below shows the available options:

blockstyle sbs

Select this option to display the blocks in 2 columns, side by side.

blockstyle single

Select this option to list the blocks in a single column.

blockstyle explanation

Select this option to list the blocks in a single column with a text-explanation next to them.

Available Color-options

Other than the display, the colors of the blocks can also be edited. The list below shows the available options:

blockcolor default

Select this option to use the default colors for the blocks.

blockcolor scheme

Select this option to use the colors set by the current style for all blocks.

blockcolor custom

Select this option to customize the colors for every block separately.

Customizing the color for a block

The Custom color option must be selected in the style settings for the blocks.

Tap and hold a block to open a modal asking if the block should be styled in the theme-color or the default-color.

customcolorhold
customcolormodal

Tap outside the modal or on the icon md close to close the modal.

The new setting will be applied immediately.

Changing the layout of the tools

So far, only the blocks have been altered. The layout for the tools can also be changed.

Tap the palette icon in the tools toolbar to open the style settings.

changetoolstyle
changetoolstylemodal

Tap an option to change the layout of the tools in the toolbar.

List of display-options

The tools can be shown in various formats, such as 2 icons side-by-side or a single-column list with an explanation. The list below shows the available options:

toolstyle sbs

Select this option to display the tools in 2 columns, side by side.

toolstyle single

Select this option to list the tools in a single column.

toolstyle explanation

Select this option to list the tools in a single column with a text-explanation next to them.