Event Layout

The event layout system controls how event buttons are arranged within a scene. Layout is controlled globally by the theme, with per-scene override support.

Configuration Location

• Global Default: Theme → Scene → Events Layout Presets
• Scene Override: Scene → Events Layout (overrides theme when set)

Layout Properties

Direction (flexDirection)

Controls the arrangement direction of event buttons:

Value	Description
row	Horizontal (default)
row-reverse	Horizontal - reversed
column	Vertical
column-reverse	Vertical - reversed

Justify (justifyContent)

Controls distribution along the main axis:

Value	Description
flex-start	Start-aligned
flex-end	End-aligned
center	Centered
space-between	Distributed, edges flush
space-around	Distributed, with half-spaces at edges (default)
space-evenly	Evenly distributed
stretch	Stretched

Align (alignItems)

Controls alignment along the cross axis:

Value	Description
flex-start	Start-aligned
flex-end	End-aligned (default)
center	Centered
stretch	Stretched
baseline	Baseline-aligned

Padding

Defines a bounding box via four-direction padding. Events are laid out only within this box.

Format: top right bottom left, e.g. 21px 21px 88px 21px.

Space Adjust

When enabled, ignores the actual size of event buttons and positions them as points. Useful for precise spacing control.

Scene Override

When a scene has its own Events Layout set, it will ignore the theme's global layout:

Scene → Events Layout: Layout-A
  → This scene uses Layout-A

Theme → Scene → Events Layout Presets: Layout-B
  → Other scenes without their own layout use Layout-B