Skip to content
Overlay
Overview
A flexible overlay container component that allows positioning child blocks in fixed positions on the screen corners. Supports both app and theme blocks with customizable corner positioning and z-index control. Ideal for chat widgets, promotional banners, or notification elements.
Common use cases
- Use for floating/fixed position blocks on the screen like chat widgets, promotional banners, or notification elements
- Configure position and spacing using the block settings
- Control visibility for different device sizes
Compatible blocks
The following blocks can be nested within this block:
- All theme blocks
- App blocks
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals margin, and visibility | Checkbox (default: false) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable padding | Adds padding around the overlay content | Checkbox (default: true) |
| Gap size | Controls spacing between child blocks | • None |
Color
| Setting | Description | Options |
|---|---|---|
| Color scheme | Controls the background and text colors | • Body |
| Color border | Controls the border color | • Body |
Style
| Setting | Description | Options |
|---|---|---|
| Border position | Controls where borders appear | • None (default) |
Layout
| Setting | Description | Options |
|---|---|---|
| Rotation | Rotates the overlay content | • None (default) |
| Horizontal position | Controls horizontal positioning of the overlay | • Left (default) |
| Vertical position | Controls vertical position as percentage from top | 0 - 100 % (default: 100) |
| Margin | Outer margin around the overlay | • Default Visible when Show advanced settings is on |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |