Customizing the simple composer

Other than the options set in the composer-page, the theming- and color-settings of ZBOS Control are also applied.
pageoverview

There are 4 major sections in this page, specifically:

  1. Blocks (with programmed actions)

  2. Timeline (containing the blocks)

  3. Tools (for managing compositions)

  4. Execution-buttons (for starting or stopping compositions)

For a full list of all options available for a specific type of block in the composer, see the chapter Block list.

Changing the layout of the composer-page

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 icon ionicon gear in the block-toolbar to open the style-settings for the block toolbar.

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:

blockstylesbs

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

blockstylesingle

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

blockstyleexplanation

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:

blockcolordefault

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

blockcolorscheme

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

blockcolorcustom

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.

The new setting will be applied immediately.
customcolormodal

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

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 icon ionicon gear in the tools-toolbar to open the style-settings for the tools-toolbar.

changetoolstyle

Tap one of the non-selected options 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:

toolstylesbs

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

toolstylesingle

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

toolstyleexplanation

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