Preview Controls
The Preview Controls contains buttons and controls for managing the preview display itself. This document explains how to use these controls to adjust preview settings and view your waiting room design under different conditions.
Overview
The Preview Controls provides tools to customize how the preview is displayed, allowing you to test your waiting room design at different resolutions, control types (for Waiting Room type), and view modes. These controls help ensure your design works correctly across various scenarios.
Edit Button
The Edit button is a toggle that shows or hides the edit panels. Click the button to hide the edit panels and show only the preview panel. Click again to show the edit panels again.
Control Type Selection
The Control Type Selection feature is available only for the Waiting Room type. Other room types (Pre-waiting Room, Post-waiting Room, Block Room) do not have this option.
The Control Type Selection allows you to preview how your waiting room design will appear when applied to different segment types. The waiting room UI differs depending on which segment type it is applied to.
The main difference is that Estimated wait time is not displayed in Section Control segments. Use this option to preview your design in each segment type.
Basic Control Mode
Preview your waiting room as it would appear in Basic Control segments.
- All elements including Estimated wait time are displayed
Section Control Mode
Preview your waiting room as it would appear in Section Control segments.
- Estimated wait time is not displayed (Section Control limitation)
Full View Mode
Click the Full view button to expand only the preview area, allowing you to view your waiting room design in a larger, focused view.
Resolution Controls in Full View
In Full View mode, you can click the mobile and desktop icons to change the resolution and see how the preview adapts at different screen sizes. This allows you to test responsive design behavior while viewing the preview in an expanded format.