Widgets
The widgets you can place on a layout: text, clocks, weather, menu boards, feeds and more.
A widget is live, configurable content for a layout element: a clock that always shows the right time, weather that updates itself, a menu that pages when it’s too long. Click Widgets in the designer’s top bar to open the drawer.
Adding a widget
Section titled “Adding a widget”- Click Widgets and search, or browse by group: Text, Design, Time & date and Live data.
- Pick a widget, then a preset (a ready-made look) from its gallery.
- Click the canvas to place it, or use Add to the center of the canvas.
- Adjust it in the inspector’s Content tab. Fine-tune the look in Style.
Each widget ships with several presets. Choosing one sets its settings and a matching element style and size in one go. Reset variant returns to the preset’s values, and settings that are really your preferences (such as 24-hour time) are kept when you switch presets.
The widget catalog
Section titled “The widget catalog”Text & design
Section titled “Text & design”| Widget | What it does | Presets |
|---|---|---|
| Text | Headlines, labels and paragraphs. Supports live date and time tokens. Shrink-to-fit, gradient fills and shadows. | Headline, Subheading, Paragraph, Eyebrow label, Poster, Editorial, Gradient, Glass card |
| Shape | Rectangles, ellipses, lines and gradient overlays. | Solid block, Soft card, Pill, Gradient scrim, Radial glow, Outline frame, Circle badge, Divider |
| Logo | Your brand logo, or any image. Tint and drop shadow. | Centered, Corner bug, White, On a card |
| QR Code | A scannable code for a link, with an optional caption. | Classic, Rounded, Dots, Call to action, Inverted |
Time & date
Section titled “Time & date”| Widget | What it does | Presets |
|---|---|---|
| Clock & Date | Time, date and world clocks. Digital, analog, flip or ring faces, 12 or 24-hour. | Clean digital, Bold digital, Minimal, Icon & time, Analog, Analog light, Ring, Neon ring |
| Countdown | Time left until an event, a daily opening or a weekly show. Can repeat. | Hero, Tiles, Flip board, Broadcast bar |
| Countup | Time since a start: milestones, streaks, days without incident. | Hero, Tiles, Milestone, Editorial |
Live data
Section titled “Live data”| Widget | What it does | Needs |
|---|---|---|
| Weather | Current conditions, hourly and daily forecasts. Follows a location or a fixed city. | A location (a screen’s location, or a city). |
| Menu Board | Menus and price lists that page automatically when they don’t fit. Sections, items, prices, dietary icons. | You enter the items in the inspector. |
| News | Headlines from an RSS or Atom feed. | A News feed. |
| Ticker | A scrolling line of messages, headlines or market quotes. | Typed messages, or a feed. |
| Calendar | Upcoming events from an iCal feed as agenda, cards, month or room display. | A Calendar feed. |
| Reviews | Customer reviews and ratings, typed in or from a feed. | Typed reviews, or a feed. |
| Social Feed | Posts from your social feeds. | One or more social feeds. |
| Markets | Stock, index and currency quotes. | A Market feed. |
| Web Page | A web page or dashboard. | A page address. See below. |
Instagram and LinkedIn widgets are marked coming soon and show a placeholder until they launch.
Widgets that use feeds
Section titled “Widgets that use feeds”News, Ticker, Calendar, Reviews, Social Feed and Markets read from a feed: a data source you connect once in Settings → Feeds and then pick in the widget. See Feeds.
Good to know
Section titled “Good to know”Menu Board
Section titled “Menu Board”Build sections and items in the inspector. Choose columns, whether to show descriptions, badges and dietary icons, the currency symbol and the price and header styles. When the menu is too long for the element, it pages automatically (you set the Time per page and Transition).
Weather
Section titled “Weather”Choose Location source: this screen’s own location, or a specific city or coordinates. Pick units, how many hourly or daily steps to show, and which details appear (feels like, rain chance, wind, UV, sunrise and sunset and more). Assign screens a location so “this screen’s location” works.
Web Page
Section titled “Web Page”Enter the Page address. The editor shows the page in a frame. Some sites refuse to be framed (they send X-Frame-Options or a frame-ancestors policy), so they appear blank in the editor. The Display with option can use a live web view on the player, which isn’t limited that way, but only the player can show it. You can set Reload every N minutes, scrolling and zoom.
Time zones and language
Section titled “Time zones and language”Clock, date, countdown and calendar widgets can follow the screen, or use a fixed Timezone and Language & region.
Versions
Section titled “Versions”Published layouts keep using the widget version they were published with, so a widget update never changes a live screen unexpectedly. Drafts are upgraded to the newest version, and the next publish picks it up.