# \[APP\]\[Pro\] Dashboard Studio - A completely free-form dashboard designer

**URL:** <https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169>\
**Category:** Apps\
**Tags:** dashboard, homey-pro\
**Created:** [February 15, 2026, 7:45pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169 "2026-02-15T19:45:30Z")\
**Posts on this page:** 20\
**Page:** 24

<div class="post-metadata">

**Author:** ![Robin\_Schuurman](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robin_schuurman/32/71552_2.png) [@Robin\_Schuurman](https://community.homey.app/u/Robin_Schuurman)\
**Post date:** [March 29, 2026, 8:45pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/468 "2026-03-29T20:45:45Z")

</div>

Thanks @Amersfoort ,  
Nice. I do more or less already the same with the length and position. But it indeed only updates every 15 seconds or so. I was able to that part without HomeyScript. I used the chronograph app to start when a song starts and executes every second until the length of the song. With that I am updating the position of the song.

It would be great if you could share the HomeyScript. Know my way a bit around, but why re-invent the wheel 😉

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 29, 2026, 9:51pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/469 "2026-03-29T21:51:30Z")

</div>

# [# New TEST Update 1.5.0! Menu’s.](https://homey.app/en-gb/app/com.satoer.dashboardstudio/Dashboard-Studio/test/)

## Menu’s!

@Hans_Gr , @Amersfoort _(and all other’s who requested this, but got too burried in the threat to find them_ 😅 _)_  
Yes, it is finally here: the Menu widget! You can now configure horizontal and vertical menus, and optionally connect them to a button using local topics to create drop-down, drop-up, or slide-sideways menus. You can create single-click menu items, toggle menu items like checkboxes, and even radio menu items.

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/3/13d601ff690d4db214723d6f9e8bd2c6b839391e.jpeg)

Take a look at the [demo page of the menu widget](https://satoer.com/dashboardstudio/demo/?page=16) to see what’s possible

I also took the opportunity to change a few things in the widget settings, specifically the way fonts and icons are configured. It is now a more universal typography and icon slide-out. I am planning to implement it this way in every widget, but for now, only the button and menu widgets use it.

I have created a [separate section in the help file how to use it,](https://satoer.com/dashboardstudio/?docs=Widgets&widget=menu) please read this before any questions.

> [@Amersfoort](#):
>
> Minor remark: in the widget dropdown the Container option is still on the G position of Group.

Fixed 👍

> [@Robin\_Schuurman](#):
>
> I am experimenting a bit with the logic to refresh an image by adding a random number.  
> Would it be possible to just add this logic locally to the dashboard?  
> So in stead of creating a flow in Homey just have an option to refresh the images every x-second/minutes with a no cache option?

Implemented 👍 :

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/e/3e922f1ddb91fd0d2e392fa29a4729b268a46a97.png)

It can go as fast as 0.2 sec. Also tried to implement http authentication, but failed. 😟

> [@Rob\_G](#):
>
> A small thing for the bug list: When I create a group that includes an arrow, and that arrow is “nudged” into a few pixels offset, then, duplicating such a group will produce a duplicate with the arrow positioned in the wrong place within that duplicate group.

> [@Rob\_G](#):
>
> It appears that the arrow widget does not respond to “undo”. Even when grouped, the arrow stays in the last position, while the rest of the group move to the previous position. The whole thing stays grouped, though.

Fixed 👍

> [@Amersfoort](#):
>
> Yes, but I am having some problems with images that are all larger than 1 MB, causing the screen to take several seconds to load with high performance tablet. Are all invisible images loaded during the loading of a page/dashboard, or only when they are made visible?

There is now a preload option:

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/2/4/2429ff158a849613f48889a201e13664b7eeb529.png)

In the “Dashboard environment” section (previously canvas environment). Please let me know if this improves it.

> [@Robin\_Schuurman](#):
>
> I try to create a menu bar with button to select pages. It goes to the right page and the highlight of the button is working as well, but the highlight of the border (changing opacity) is not working.  
> It does work when I select Topic only, but with Page + Topic is fails.  
> I can work around it by using a Homey flow, but rather avoid it.

“Send Off When Turned Off by Group” now works also when the button is set for page navigation 👍

> [@Amersfoort](#):
>
> each time a dash is loading there is briefly a message “Connection lost”, but the connections are alright (switching between dashes with one page).

Solved on startup

> [@Rob\_G](#):
>
> One extra for the list 😬  
> I appears that the horizontal alignment for switch labels is not working. It always “centers”

Now works (if text is situated inside the button) 👍

[Full changelog](https://satoer.com/dashboardstudio/?changelog=true)

---

<div class="post-metadata">

**Author:** ![Rob\_G](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rob_g/32/79108_2.png) [@Rob\_G](https://community.homey.app/u/Rob_G)\
**Post date:** [March 30, 2026, 5:36am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/470 "2026-03-30T05:36:47Z")

</div>

@Satoer Thanks for version 1.5. Please note that some things got “garbled” when migrated to 1.5.  
Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/6/56d885e93fef7f471cd041c4f7dc6302657f9213.jpeg)  
My first idea is that this happened because they were grouped when is was converted to 1.5??

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 6:36am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/471 "2026-03-30T06:36:22Z")

</div>

Oh shit.. I needed to change a couple of things in the button”s save file and I thought I had migrated everything correctly. Please do not save your dashboard file. I shall see if I can improve the migration script.

---

<div class="post-metadata">

**Author:** ![Vierlijner](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/vierlijner/32/81523_2.png) [@Vierlijner](https://community.homey.app/u/Vierlijner)\
**Post date:** [March 30, 2026, 6:41am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/472 "2026-03-30T06:41:47Z")

</div>

Is it possible to move around the added lights in the light grid by drag and drop? Now I have to removed the bottom ones and add a new one and then add the old ones.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/2/b/2bb9b5e495158b4cdab5cc563139cb72d8748421.png)

---

<div class="post-metadata">

**Author:** ![Amersfoort](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@Amersfoort](https://community.homey.app/u/Amersfoort)\
**Post date:** [March 30, 2026, 7:20am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/473 "2026-03-30T07:20:21Z")

</div>

> [@Rob\_G](#):
>
> For some icons, I used a custom image. That also is not showing anymore

Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.

EDIT: the setting “Button Label (inside)” is for “Button label case” UPPERCASE and not the earlier setup None.

---

<div class="post-metadata">

**Author:** ![Vierlijner](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/vierlijner/32/81523_2.png) [@Vierlijner](https://community.homey.app/u/Vierlijner)\
**Post date:** [March 30, 2026, 7:28am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/474 "2026-03-30T07:28:31Z")

</div>

I tried to use this:

> [@Satoer](#):
>
> You can already set a button to open an external URL. For something like a rain radar map, you can actually use an image widget with the Buienradar image URL: [https://api.buienradar.nl/image/1.0/RadarMapNL?w=720&h=600](https://api.buienradar.nl/image/1.0/RadarMapNL?w=720&h=600)

But with the url: [Mijn Buienradar](https://gadgets.buienradar.nl/gadget/zoommap/)

I get the error shown in devtools:

![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/6/36d1c44e2dff78cd424c57c353ece70d1e0fb0d1.png)

And also from the url a set cookie error:

set cookie error didn’t specify a “SameSite” attribute.

![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/1/8195b359df27c0008ef8e889725f971a4ca7a9ec.png)

I use ? [parameters] for my location and so on. like ?scrolling=no&width=256&height=256&frameborder=no

But when I do this not in dashboard it just works, it loads x times a png image.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/2/b26e5d20e927fc7ece314df4721830029c2a1e80.png)

Edit: more info: I tried Chrome/ Safari and Edge.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 7:28am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/475 "2026-03-30T07:28:31Z")

</div>

> [@Amersfoort](#):
>
> Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.

> [@Rob\_G](#):
>
> Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

Guy’s, I’m trying to figure out why some of the buttons did not migrate correctly. I added extra styling options, and in the previous version the button used the container label as the button label, so that has been fixed in 1.5.0. The migration script I moved the container label (of the button) to the button label so all pre-1.5.0 dashboard should look the same. I always test the migration rules on the demo dashboard, and I did not see any problems, not with the text or with custom images. Question: Are the buttons that are not migrated correctly, grouped in your dashboard?  
Please do not manually fix your dashboard. I think I might fix the problem in a extra migration rule.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 7:39am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/476 "2026-03-30T07:39:55Z")

</div>

This is also added in version 1.5.0, but this version is in test right now and some users are reporting migration problems, so I would wait until it is released to the stable release. 😅

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/a/4afdccb8779ecb48238ec7f4447d2f3652648671.png)

(the drag handlebars on the left)

---

<div class="post-metadata">

**Author:** ![Amersfoort](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@Amersfoort](https://community.homey.app/u/Amersfoort)\
**Post date:** [March 30, 2026, 7:43am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/477 "2026-03-30T07:43:20Z")

</div>

> [@Satoer](#):
>
> Question: Are the buttons that are not migrated correctly, grouped in your dashboard?

Yes this example has been grouped:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/f/8f06f733c1c78b68d872ef5d72a5cc4149575f0f.png)

…but these are not grouped:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/0/d02e9c176a027d574173d26f63c96672fbd220e3.png)

---

<div class="post-metadata">

**Author:** ![Martijn\_C](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_c/32/39993_2.png) [@Martijn\_C](https://community.homey.app/u/Martijn_C)\
**Post date:** [March 30, 2026, 10:45am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/478 "2026-03-30T10:45:26Z")

</div>

Hi, I have an issue with using multiple dashboards. I make a dashboard and just save it under a name within Dashboard Studio.

I want to access the different dashboards like this, but I get a totally different dashboard. What am I doing wrong?

[http://ip:5050/?dashboard=yv&token=xxxxx](http://ip:5050/?dashboard=yv&token=xxxxx)

The name as set within the dashboard is YV.

When I load that dashboard in the settings it is the correct dashboard. When I call the URL above it’s some kind of half filled canvas, not the dashboard.

Edit: when calling the url it says the json cannot be found. But saving it within Homey creates the json I guess? I have checked the file manager and the dashboard file is there..

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 11:15am UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/479 "2026-03-30T11:15:16Z")

</div>

# [New TEST version V1.5.2](https://homey.app/en-gb/app/com.satoer.dashboardstudio/Dashboard-Studio/test/)

> [@Rob\_G](#):
>
> hanks for version 1.5. Please note that some things got “garbled” when migrated to 1.5.  
> Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

> [@Amersfoort](#):
>
> Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.
> 
> EDIT: the setting “Button Label (inside)” is for “Button label case” UPPERCASE and not the earlier setup None.

This update fixes these problems. Turns out that grouped buttons did not migrate correctly. Also Dashboards that already migrated to version 1.5.0 should be fixed now.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 12:01pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/480 "2026-03-30T12:01:41Z")

</div>

Im sorry Ronald, But you are trying to load a whole iframe inside a image widget. The image widget only supports images. So this is not possible.

Possible solution:  
You could use my url ( [https://api.buienradar.nl/image/1.0/RadarMapNL](https://api.buienradar.nl/image/1.0/RadarMapNL))  
And zoom in on the picture to your location manually:

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/e/9eb5af68cbb82079f3f6e02b807e773e2a619e8d.jpeg)

There is also a new “Enable Live Refresh” option in the Image widget (added in Test release 1.5.0). If you set this to 5 minutes the image is always up to date. 👍

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 12:19pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/481 "2026-03-30T12:19:20Z")

</div>

> [@Martijn\_C](#):
>
> Hi, I have an issue with using multiple dashboards. I make a dashboard and just save it under a name within Dashboard Studio.
> 
> I want to access the different dashboards like this, but I get a totally different dashboard. What am I doing wrong?
> 
> [http://ip:5050/?dashboard=yv&token=xxxxx](http://ip:5050/?dashboard=yv&token=xxxxx)
> 
> The name as set within the dashboard is YV.

URL’s are Case sensitive. So **YV** is something different then **yv**  
If you saved it as YV with capitals, can you try to load:  
` http://ip:5050/?dashboard=YV&token=xxxxx` ?

---

<div class="post-metadata">

**Author:** ![Martijn\_C](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_c/32/39993_2.png) [@Martijn\_C](https://community.homey.app/u/Martijn_C)\
**Post date:** [March 30, 2026, 12:19pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/482 "2026-03-30T12:19:53Z")

</div>

Hi, I did that. No luck. It can’t find the dashboard, which should be there.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 12:26pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/483 "2026-03-30T12:26:07Z")

</div>

I am not able to recreate the problem over here. I have enabled the security token. created a dashboard. Saved it inside homey (Use the “Save to Homey” button not the “Export Dashboard” button) as “YV” (with capitals) Then went to url:  
http://[IP]:5050/?dashboard=YV&token=XXXXX  
And it showed the Dashboard just fine 🤔  
What kind of Homey are you running? What browser are you using? Have you tried other browsers? Does the problem also happens when you disable the security token?

---

<div class="post-metadata">

**Author:** ![Martijn\_C](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_c/32/39993_2.png) [@Martijn\_C](https://community.homey.app/u/Martijn_C)\
**Post date:** [March 30, 2026, 12:46pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/484 "2026-03-30T12:46:49Z")

</div>

Thanks. Alright I have figured it out.

On the one hand my dashboard was unrecognizable because of recent app-updates. That’s why I thought it was a different dashboard. Recent updates broke things. Although in the editor it seemed fine.

Another thing is that (here) dashboards with capitals don’t work in the url. When I save the other dashboard as yv and call the url it works.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 1:29pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/485 "2026-03-30T13:29:59Z")

</div>

Hmm, I did a few more tests and none of the older dashboards are showing any issues. Even when using the URL method to load them, the dashboards seem to go through the migration process just fine. Do you see a migration message when you use the URL method on an old dashboard?

Also, capitals are working perfectly on my end, provided the capitalization matches the source file. To help me narrow this down, what browser and computer are you using, and which version of Homey do you have?

---

<div class="post-metadata">

**Author:** ![Amersfoort](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@Amersfoort](https://community.homey.app/u/Amersfoort)\
**Post date:** [March 30, 2026, 1:37pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/486 "2026-03-30T13:37:34Z")

</div>

Quick question about Menu widget: how to activate icons related to a menu item.  
Even importing the demo dash on my own Homey, I can see the icon, but icon changes don’t seem to have any effect…

EDIT: In a menu item selecting Custom image as an icon won’t change the icon name field. When I define a switch and select “Custom image” as an icon source, the next field changing into Image Url instead of “Icon name”. Both kind of icons don’t show up in a menu.

---

<div class="post-metadata">

**Author:** ![Satoer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/satoer/32/38113_2.png) [@Satoer](https://community.homey.app/u/Satoer)\
**Post date:** [March 30, 2026, 1:56pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/487 "2026-03-30T13:56:44Z")

</div>

Crap, I broke something when I implemented the same icon dropdown into the button widget. I did not check the menu widget again. Thanks. I shall solve this.

[Previous page](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169.md?page=23)

[Next page](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169.md?page=25)
