# \[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:** 1\
**Showing post:** 76

<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:** [February 22, 2026, 7:46pm UTC](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169/76 "2026-02-22T19:46:59Z")

</div>

How to show Ring doorbell image in Dashboard Studio.

1. Define an advanced flow, eg. make every minute a snapshot and during movement or doorbell ringing  
 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/a/3a49e68bb8250de2d19f984b61848063465c42b5.png)
2. with [Homey developer tools](https://tools.developer.homey.app/tools/images) go to your Ring image. Enlage the image en copy the url up to “api/image/”
3. Fill in the Homey script in step 1 definition

```auto
// Get Homey devices
const devices = await Homey.devices.getDevices();

// Search device with Ring driver
const doorbell = Object.values(devices).find(device => 
    device.driverId === 'homey:app:com.amazon.ring:doorbell'
);

let imageId = null;

if (doorbell) {
    if (doorbell.images && doorbell.images.length > 0 && doorbell.images[0].imageObj) {
        imageId = doorbell.images[0].imageObj.id;
    } else {
        console.log("Ring found, but no image.");
        return null;
    }
} else {
    console.log("No Ring found.");
    return null;
}

// Construct image path and use url from step 2 without the square brackets
const prefix = "[url from step 2]" + imageId + "?rand=";

// Prevent image cache
const randomNumber = Math.floor(Math.random() * 10000) + 1;
return prefix + randomNumber;

```

1. Send Homey script return value to Dashboard Studio (in my example Ring Url)
2. Define in Dashboard Studio an Image widget and use the variable from step 4 as URL (after at least one flow execution):  
 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/5/35d8c9eea72d19cc2dbc39e37875ffa2762a2712.png)

Nice!

---

_[View the full topic](https://community.homey.app/t/app-pro-dashboard-studio-a-completely-free-form-dashboard-designer/151169)._