Zones let you split a single screen into multiple areas, each showing different content at the same time. For example, you can play a playlist in a large main area while a clock and weather widget run in a smaller side panel. Zone settings are per-screen — each screen in your workspace has its own independent zone layout.Documentation Index
Fetch the complete documentation index at: https://help.advahini.com/llms.txt
Use this file to discover all available pages before exploring further.
Zone templates
Advahini provides four built-in zone templates:| Template | Layout |
|---|---|
| Single | One full-screen zone for your playlist. |
| Main + Right Split | A large main area (left) with two stacked zones on the right. |
| 2×2 Grid | Four equal zones arranged in a grid. |
| Main + Side Panel | A large main area (left) with a single tall side zone (right). |
Overlay widgets
You can add the following widgets to any non-main zone:- Clock — Displays the current time. Configurable timezone, 12-hour or 24-hour format, font, and color.
- Weather — Shows current weather for a city you specify. Choose Celsius or Fahrenheit.
- Announcement — A scrolling text ticker with adjustable speed (slow, medium, fast), font, and color.
- Media — A static image from your content library, displayed as a background or overlay in the zone.
Configure zones for a screen
Open screen settings
Go to Screens, find the screen you want to configure, and click its preview thumbnail. The screen settings page opens.
Choose a zone template
In the zone builder, select a template from the template selector. The stage updates to show the chosen layout. Switching templates preserves existing widget configurations for any zones that carry over.
Set a background image for a zone (optional)
Click the image icon on a non-main zone in the stage. A media picker opens. Select an image from your content library to use as the zone’s background. Choose a fit mode: Cover, Contain, or Stretch.
Add overlay widgets
Drag a widget type from the toolbar on the left (Clock, Weather, Announcement, or Media) and drop it onto any non-main zone in the stage. The widget appears in the zone at a default position.
Configure a widget
Click a widget on the stage to select it. A configuration panel opens where you can set the widget’s properties:
- Clock — Timezone, format (12h or 24h), font family, font size, and text color.
- Weather — City name and temperature unit (°C or °F).
- Announcement — Ticker text, scroll speed, font, font size, and text color.
- Media — Select an image from your content library and set the fit mode.
Reposition and resize widgets
Drag a widget to move it within the zone. Drag the resize handle at the widget’s edge to change its size. Widget positions are stored as percentages, so they scale with the screen resolution.
Zone layouts are per-screen. Changing the zone layout on one screen does not affect any other screen in your workspace.
Orientation and rotation
In the screen settings page, you can also set:- Orientation — Landscape (default) or Portrait. This controls how the player stage is sized and how zones are proportioned.
- Rotation — Normal, Left (90° counter-clockwise), Right (90° clockwise), or Upside down (180°). The player rotates the entire stage accordingly, so you can mount screens in any direction and correct the output in software.
Related pages
- Screens overview — Screen lifecycle and what you can configure.
- Connect a screen — How to pair a display to your workspace.
- Player — How the player renders zones and widgets on the device.