Design dashboard to fixed resolution?

Is it possible to design your dashboard to a specific resolution? For example, i’m designing a dashboard for an iPad Air, but am using my laptop to work on it. so i’m constantly having to move tiles around since they wrap differently on my laptop than the iPad.

2 Likes

@Automated_House Have you tried to open the browser’s developer tools(press F12) and change it to device mode to simulate the phone/tablet device view? May be worth a try.

image

3 Likes

fantastic! Thanks @James

1 Like

I often use the approach James mentioned… and sometimes I work directly on the tablet for final positioning once I see what it actually looks like on the wall / tablet.

One cool feature is your dashboard edits are automatically pushed out to any devices which have the dashboard open. So if you have the dashboard open on the tablet, you can make edits on your PC and as soon as you press save they are instantly synced over to your tablet - making it easy to quickly see your changes.

4 Likes

Hey guys, would it be possible anyway to set a x_ grid size setting, and then have the tiles resize to fill the window space regardless? I like to access the dashboard on both my tablet as well as my computer browser, but the tile alignment will inevitably be off on the browser.

1 Like

Edit: :tada: We’ve released the Scalable Dashboards feature which accomodates this request.


The current recommendation would be to either design additional dashboards for the different target devices or to adjust the size or zoom of the browser window on the computer browser to your desired target size. For example, I have some dashboards which work well across phone, tablet, and PC… and others that are targeted specifically for my phone or specifically for the wall tablet.

We have it on the hit-list to revisit additional layout approaches at some point in the future - at this point we’re focused on building out features using the current fluid grid layout. Thanks for the suggestion!

Hi Josh,

Any chance to you will develop this issue ? I want my dashboard to be shown the same in any platform . Tablet HD8 , android TV’s , PC , Mobile phones… I don’t want to create a separate dashboard for each one of those. Can you please give a though on that? Would be great to have single dashboard that will look the same everywhere…

Edit: :tada: We’ve released the Scalable Dashboards feature which accomodates this request.


At the moment, the recommendation is still to design a dashboard for each unique device…or for devices that have a similar aspect ratio or size, you can sometimes adjust the base tile size or use the scaling feature of your browser to use the same dashboard across multiple devices:

I’ve noted the request. :slight_smile: That being said, there’s tradeoffs with each approach. For devices that have a similar size and aspect ratio (like an 8" tablet and 10" tablet), the idea of scaling the same dashboard between them works well… but with the difference between something like a TV and mobile phone –where the size, aspect ratio, and interaction method are different– simply scaling things up or down won’t always result in the best experience. So depending on the end-goal, designing dashboards for each unique device is likely still going to be a recommendation.

Also note that clever dashboard design can sometimes be used to take advantage of the reflowing nature of dashboards. For example, the dashboard I use day-to-day on my mobile phone reflowed just fine on the new Galaxy Fold (a demo unit from a conference):

2 Likes

Hey guys, where did you get this cool background?

1 Like

If you’re refererring to the gray wood background on the phone images immediately above, I believe I had just searched for ‘dark grey wood’ on Google Image search and looked for a suitable image. :slight_smile:

2 Likes