Ah yes I indeed hide as many useless options as possible when a configuration is chosen but the dimensions and coordinates should definitely not be hidden
I shall fix that. Thanks Bert.
I already was used to the alternative method: make it visible, move the button, and then make it invisible again. But this is much easier, thanks!
I don’t get it Jean, invisible buttons are visible with their outline when the editor is open right?
You can move and scale them easily with the drag handles.
Just to be clear: We are talking about buttons where the “Visual Style” is set to “invisible” Right? (and not where the “Visibility” is set to “Disabled”
NEW Dashboard Studio V1.11.7 Stable Release
- Fixed: Switch and Button Invisible style no longer hides the Layout & Dimensions panel; Padding is hidden, while X, Y, Width, and Height stay available.
- Fixed: Dashboard Environment - Hold to Activate Duration now shows the default value.
This has been fixed. The Layout & Dimensions now stay visible when the “Visual Style” is set to “Invisible” ![]()
IMPORTANT!
@everybody: This is probably the last update for V1. Sometime over the next few days, I will likely drop the new V2 version for you to test out. Even though it is running perfectly fine and stable on my end, and I haven’t run into any conversion issues with older dashboards, V2 is still a massive update with a ton of big changes.
Because I am the only one who has tested it so far, there are bound to be edge cases I didn’t foresee or run into myself. So if you are currently running the test branch in a production environment and really cannot afford any downtime (like @Martijn_C who uses it as an infographic display in his fitness club), now is definitely the time to switch over to the stable branch. Just remember to back up your important files locally first!
For everyone else who doesn’t have a mission-critical setup, I truly appreciate all of you testing this early so the eventual transition to stable V2 goes as smoothly as possible. ![]()
Thinking further, it would be nice not to only allow for values to be returned, but also select different icons based on if-expressions. For instance, (value?icon1:icon2). Or select a color, e.g. a temperature-related color (value>20?red:blue). Many options, but also many design-decisions to be taken.
The color is already possible. There are binding options inside every color swatch. Make it dynamic and do something like this
This will change a 0 - 100 value to green - blue - red
Not (yet) possible for icons though
Depending on what you want to achieve, this can easily be done with scripts/flows/variables. 0
I use this for the weather, for instance. The Homeyscript returns a ph-icon name (ph-cloud, ph-cloud-rain,…), which is linked to the icon-widget…
For my ‘dumb’ washing machine, i measure the power using a Shelly PM and a flow gives the right color (gray, blue, green) to an icon…
@Satoer Can’t wait for the v2. NOT changing to the stable version… what’s the fun in that, right?
![]()
I see that I am not clear with what I mean. I know about the options for color and for the separate icons. I am looking for this to control in text widgets. There I can add a lot of stuff in one go, but am not able to control the size and color of icons, nor can I use a calculation (e.g. to show the difference between two values). I know, I can add such calculations in Homey itself, as a variable, but that is a hassle, and I rather have less of that … ![]()
Thanks for your response. See my earlier response to @Satoer .
And I agree with you: Very curious and anxious about v2. What will that bring?!?
All done! ![]()
Hi @Satoer ,
I noticed another strange thing with the button behaviour.
I’ve got a few buttons that send a local/topic with 1 or 0, which I use in other widgets to make them visible when the button is pushed. I set the initial state to ‘disabled’ (under actions & behaviour).
Works like a charm, works as expected, me happy.
But then when I continue editing the dashboard, without making changes to that specific button, suddenly this state is set to ‘enabled’. I didn’t find out exactly when this occures, but I had it happen quite some times now.
It’s off course not a big deal, It’s only an issue the first time when reloading a dashboard. You have to press the button twice to activate… This ‘bug’ is present quite some time, I think. Since it’s only noticed the first time after reloading.. in the beginning i tought i forgot to save or something. But I was editing the widget that has to appear when pressing the button, so reloading after each ‘save’… it’s happened a few times ![]()
While editing and testing that dashboard, did you press that button by any chance? Pressing it actually toggles the state setting inside the button itself, so when you save the dashboard, it saves with that new state.
I totally get why that’s annoying. Sometimes I’ll edit the demo dashboard on a specific page, save and ship it, only to realize later that the demo now opens right on that page. Maybe I should set it up so only things edited directly inside the editor persist when saving. It’s a tough call though, since I also want to see the button’s actual state reflected in the settings ![]()
That’s very probable… I was trying different things to reproduce this not-a-bug on purpose, but I couldn’t.
After reading your comment, I tried again and did exactly that: Leaving edit-mode in the browser to quickly try something => clicking the button (hence state = on) => Going back to edit mode without clicking again…and yep, that’s it.
I was editing a text-field that pops up when clicking the invisible button, so with each minor edit, i tried & clicked… ![]()
Thanks once more for your quick reply and insight !
Feature request: would it posible to have a clock of type Date Time Text with two digits for the month? That way I can display a bunch of dates and times that are neatly aligned. Probably that is needed for the date too, but I do not see that currently ![]()
BTW, no hurry, v2 is more important ![]()
Why do you want multiple date and times below each other if I may ask?
![]()
Mmm. I didn’t think properly, I suppose.
This is not a requirement for a clock (to have multiple ones, although I could make up a use case showing multiple clocks with different time zones). No, when I want a list of Dates and TImes, that would be static. Yet, I am used to have two digits for the month and date, as that aligns nice in lists (e.g. in Windows Explorer) and having this for the clock as well prevents layout shifts when going to 1 or to 10. So those are the real reasons.
Ah, yes I understand. Multiple time zones of course. ![]()
Yes I can do that (the leading 0). You probably need a monospace font to get it exactly below each other.
Yet another thought: would it be nice to have the option of automatic scrolling text when it does not fit its space? There are already nice animations when the contents changes, so this may be feasible. Of course, an interesting thought is how to deal when text is both horizontally and vertically too large. One way of dealing with that is to have two flags, one for automatic horizontal scrolling and one for vertical.
Again, I really like what you’ve done so far, so much appreciated, all the effort. Still mostly playing around, trying to think of proper dashboards, which is not that easy at all …
NEW TEST Release: Dashboard Studio V2.0
Yes, it is finally here… Dashboard Studio V2 is officially ready for testing! A tremendous amount of work has gone into this release with lots of new features. Still need some polishing, but I think it is good enough for everyone who wants to test it.
If you run into any issues or bugs during testing, please be as detailed as possible in your feedback. A step-by-step walkthrough on how to recreate the problem, along with details about your device and browser, would be greatly appreciated and will help get them sorted out quickly.
Whats new:
- New: Modern Editor Interface & Full Tablet Touch Support
- New: Basic and Advanced Editor Modes
- New: Three Dashboard Layout Modes (Fixed Resolution, Scale to Fit Screen, Responsive Columns)
- New: Widget Presets
- New: Dashboard Audio System & Sound Effects
- New: In-App Audio Gallery Manager
- New: Reset Canvas & New Dashboard Setup Wizard
- New: Theme Explorer
- New: Widget Preset Editor Tool
- New: Switch & Button Confirmation Dialogs
- New: Quick Toolbar
- New: Editor Tools Menu & Set Link Open Behavior
- New: Menu Widget Batch Add Weblinks
- Improved: Dashboard Performance & Viewer Mode
- Improved: In-App Documentation Rewrite & Complete Homey Beginner Guide
- Improved: In-App Documentation Search & Navigation
- Improved: Inline Image Gallery Pickers
- Improved: Dynamic Icon Switching with Payload Formulas
- Improved: Text Widget with Payload Formulas in Markdown
- Improved: Menu and Button Widgets with Label Hints
- Improved: Edit Box Widget with Open URL Action
- Improved: Dashboard File Save Format
- Improved: Clock Widget 2-Digit Day and Month
- Fixed: Platform switching reconnection when returning to Homey
- Fixed: Browser Back and Forward navigation and state recovery
- Fixed: Homey live values instant synchronization on reconnect
- Fixed: Older tablet display support on iOS 12 and Safari 12
New Features
-
Modern Editor Interface and Full Tablet Touch Support
The editor interface has been redesigned from the ground up with cleaner styling and refined dark and light modes. It has now full touch and stylus support. You can now drag widgets, pull resize handles, box-select multiple items, and adjust controls directly with fingers or a stylus on an iPad, Microsoft Surface, or Android tablet. There is no longer any need to connect a mouse just to edit a dashboard on a wall tablet.
-
Quick Toolbar
When scrolling down a tall widget settings panel, common actions used to be out of reach. The Quick Toolbar is a compact button rail that docks to the edge of the screen or floats anywhere on the canvas. It slides out automatically when the main toolbar scrolls away, keeping buttons like Undo, Redo, Copy, Paste, Delete, and Layering immediately accessible. And quick access to all pages. -
Reset Canvas and New Dashboard Setup Wizard
Starting a new dashboard no longer drops you onto a blank canvas. Clicking Reset Canvas opens a visual setup wizard that walks through selecting the preferred Editor Mode, Layout Mode, and starting Theme with preview cards before opening the editor. -
Basic and Advanced Editor Modes
A common complaint with earlier versions was that the widget settings panel could feel overwhelming with dozens of options showing at once. Version 2.0 introduces two editor modes:
- Basic Mode: Strips the sidebar down to the bare essentials. You only see the widget name, page, dimensions, container toggle, and preset picker. This is ideal for quickly placing devices without getting bogged down in styling details.
- Advanced Mode: Gives access to all deep styling controls, including typography, glows, borders, shadows, animations, and audio triggers.
Individual widgets also have a toggle button at the bottom of their settings, so you can temporarily flip a single widget into Advanced mode without changing the mode for the entire dashboard.
-
Three Dashboard Layout Modes (Fixed Resolution, Scale to Fit Screen, Responsive Columns)
Dashboards are no longer restricted to a single canvas format. Dashboard Environment now offers three layout choices:
- Fixed Resolution: The native, classic way to build dashboards. Every widget has an exact X and Y pixel position. This is the best choice for dedicated wall tablets where the screen dimensions never change and every button needs an exact spot.
- Scale to Fit Screen: Also designed for fixed wall displays, TVs, or monitors. You design on a fixed canvas, and the entire layout scales up or down automatically to fill the screen, either keeping the original aspect ratio with neat borders or stretching edge to edge.
- Responsive Columns: Built specifically for creating browser start pages or homepages. Instead of fixed pixel positions, widgets behave like cards in predefined columns. When resizing a desktop browser window or opening the page on a mobile device, columns reflow, scale , drop down, and stack neatly. You can set column counts, minimum and maximum column widths, gaps, and custom heights or column spans per widget. You can group multiple widgets to act as a single widget in the column view.
I will create a fully tutorial in the future how to use this. See a responsive demo over here. Demo still need some polishing as wel as the help file on this topic.
-
Basic mode completely relies on the presets to style the widget, but it’s also accessible in advanced mode. Users can also make their own widget presets.
- Most widgets now include a built-in library of ready-to-use presets.
- Custom designs can be saved directly to Homey storage as user presets.
- Presets support multiple variants in a single file, main preset / sub preset.
- Applying a preset updates visual styling only. Device bindings, output topics, coordinates, and custom labels remain completely untouched.
-
Dashboard Audio System and Sound Effects
Dashboards can now provide audible feedback. Short audio clips can play when tapping buttons, toggling switches, adjusting sliders, or when sensor thresholds are reached:
- Topic Audio: Configure sounds globally in Dashboard Settings based on incoming MQTT or Homey topics, like playing a chime when a doorbell rings.
- Per-Widget Audio: More than ten widget types now feature an Audio section to assign sounds to specific events like press, release, toggle on or off, or clock chimes.
- Startup Protection: Audio stays muted for five seconds after dashboard load, preventing a burst of noise when Homey sends initial device states.
-
In-App Audio Gallery Manager
Audio files can now be managed directly inside the editor on Homey Pro. Upload MP3, WAV, OGG, or FLAC files, listen to them with an inline audio player, and organize or delete them without leaving the browser. A pre-packaged library of sound effects is also included out of the box.
-
Theme Explorer
A dedicated Theme Explorer dialog lets you browse built-in and user themes with thumbnail previews. Clicking any theme previews it live on the canvas so you can see how it looks before deciding to apply or cancel. A brand-new official theme called Dashboard Studio Light has also been added, offering clean blue tones and strong contrast for bright daytime rooms.
-
There is a new tools menu. In here you can find all kinds of scripts in the future to quickly do things, or specialised dialogs to automate something. Scripts you don’t need often. One of these tools is a preset editor to make editing multiple widget presets easier. It opens a spreadsheet-style workspace for managing widget presets. It shows all properties of a widget type as rows and preset variants as columns, making it easy to compare values side by side, toggle which settings are applied, and duplicate built-in presets into custom versions. Not really necessary for regular users, I mainly created this to make the development easier.
-
Switch and Button Confirmation Dialogs
Accidental clicks on sensitive devices like garage doors, main power switches, alarms or nuclear launch installations are now preventable. Turning on confirmation for a switch or button opens a prompt asking the user to confirm before the command is sent. Prompts can be customised with specific text and icons, or styled globally in Dashboard Environment. Do I hear a scream of joy from the center of the Netherlands?
-
Editor Tools Menu and Set Link Open Behavior
Another tool script in the Tools menu (hammer icon) is the Set Link Open Behavior dialog. This can scan the entire dashboard and update all link targets across buttons, menus, edit boxes, and markdown text to open in either the same tab or a new tab with one click. Useful when a user has created a homepage with lots of bookmarks and want them all want to open in a new tab or same tab.
-
Menu Widget Batch Add Weblinks
Setting up a dashboard menu widget navigation bar full of web shortcuts used to take a lot of repetitive typing. The Menu widget now has a Batch Add Weblinks option where you simply paste a list of URLs. The app automatically creates the menu items, fetches the real website page titles, and pulls high-resolution site favicons.
Improvements
-
Dashboard Performance and Viewer Mode
The dedicated viewer mode (viewer.html) was completely rebuilt for pure speed on low-power wall tablets. It strips out all editor code and demand-loads only the scripts for widgets actually placed on the dashboard. Combined with a reverse topic-indexing system, targeted visual updates that avoid full widget repaints, and automatic CPU throttling when a tab is hidden. Use the viewer to show the dashboard on your device. Especially on low end devices. The Dashboard studio V2 is not compatible with iOS 12 (used by 2014 iPad Air 1), but the viewer is. So, it is still possible to give this relic a second live. -
In-App Documentation Rewrite and Complete Homey Beginner Guide
The built-in documentation was completely rewritten for clarity, featuring visual settings references and clean keyboard shortcut tables. The Homey beginner tutorial “Homey: The Complete Guide”, is completely rewritten. It covers everything from device configuration and topic binding to multi-page dashboards, themes, kiosk mode, and flow card integration.
The widget label in edit mode has now a small “?” that takes you directly to the widgets documentation. -
In-App Documentation Search and Navigation
The Documentation panel now includes an instant search bar to find topics, guides, and specific settings across the entire help library. The help viewer also includes dedicated Back and Forward buttons to easily retrace steps.
-
Inline Image Gallery Pickers
Every image URL input in the editor (such as Image widgets, container background pictures, and custom icon slots) now has an inline gallery button. Clicking it opens the Image Gallery so images can be picked or uploaded directly into the field without manually copying paths. -
Dynamic Icon Switching with Payload Formulas
Bound icon fields now support Payload Formulas. Icons can change automatically based on live values, like showing a sunny icon when solar production is high or switching between door open and closed glyphs. -
Text Widget with Payload Formulas in Markdown
The Text widget now supports calculations directly inside Markdown content using double curly braces.
{{if({{local/slider}} >= 50, ":ph-lamp|32|@warning:", ":ph-moon-stars|32|@accent:")}}
You can perform math, scale incoming values, and format live data directly within text paragraphs and markdown tables. You can change text, colors, data or icons based on incoming values -
Menu and Button Widgets with Label Hints
Buttons and menu rows now support native browser tooltips that automatically appear when labels are too long to fit their containers, keeping long device names readable on hover. -
Edit Box Widget with Open URL Action
Edit boxes can now function as search bars or web launchers. Entering text and pressing Enter or a submit button can open a composed web address with custom prefixes and suffixes.
-
Dashboard File Save Format
Dashboard JSON files are now stored in a clean, human-readable structure grouped logically into environment, container, typography, and widget defaults. Older dashboard files migrate automatically on first load. -
Clock Widget 2-Digit Day and Month
Clock Date Time Text date parts now include 2-Digit Day and 2-Digit Month. Single-digit days and months get a leading zero (so 8 becomes 08, and 12 stays 12), which is useful for compact numeric dates such as08/09/2026. 2 digit year setting will be released in the year 2099 (@JESO )
Fixes and Stability
- Platform switching reconnection when returning to Homey: Switching platforms away from Homey to Simulation and back no longer gets stuck on loading state.
- Browser Back and Forward navigation and state recovery: Navigating away to a link and clicking the browser Back button now properly restores the dashboard without network fetch errors or blank pages.
- Homey live values instant synchronization on reconnect: Opening a dashboard or waking an idle tablet tab immediately syncs live device states from Homey cache without waiting for the next device event.
- Older tablet display support on iOS 12 and Safari 12: Fixed layout clipping and scrolling bugs on older iPads commonly used as wall-mounted displays.
Well… that’s the bulk of changes. Probably forgot a couple of things.
Anyway hope you like it, and if there are any problems please let me know. Also I would like to know conversion problems.




















