/
SLICERBAR Layout

SLICERBAR Layout

SLICERBAR Layout

SLICERBAR features an easy-to-use drag-and-drop interface that makes customizing layouts simple and intuitive. Changes are applied instantly, and the live preview lets you see updates as you adjust and refine your design.

image-20260623-081057.png

Page overview

The SLICERBAR builder is divided into three key areas: item selection on the left, the builder workspace in the centre, and appearance/settings controls on the right.

1. Items and Universal

image-20260623-081516.png

Items: Click, drag, or drop items into the builder to configure your layout.

Universal: Set global default SLICERBAR properties such as fonts, colours, borders, and other shared styling options.

2. Builder

image-20260623-081609.png

Use the builder to select, reorder, and organise items while viewing updates as they happen.

You can drag items in and out of groups and button containers to fine-tune the structure.

3. Appearance and Settings

image-20260623-081310.png

Configure and customise each SLICERBAR item, including fonts, colours, spacing, and other visual settings.

You can also configure item-specific options such as default selection and actions.

Recommended workflow

  1. Add the required items from the left panel.

  2. Arrange and group items in the builder workspace.

  3. Use the appearance/settings panel to customise each item.

  4. Review the live preview and refine the layout until it matches your design.