A Home-Approved Dashboard chapter 1: Drag-and-drop, Sections view, and a new grid system design!

Great work. Not in the right direction.
You need to stop treating your UI as a webpage and start thinking of it as a game.
Can’t wait to finally try the drag and drop.

Great work…
It would be really great to have the ability to use differently-sized areas (columns?) -e.g. to be able to display controls next to the graphed output related to it. Something like this:


I have tried with grids - but they are: even-sized grids.
And the next step could be drag/drop placement with handles for resizing and snap alignment to a guide grid…

2 Likes

Would love to see the square yellow tiles implemented. For larger displays like touch panels, it is a must. Currently have to use custom:button-card for this.

Why? What’s wrong with it being treated as what it is; a web page. To me, making it more like the other Home control apps would be a big step down in usability even more than what changes the developers have made in the past few years has for me. I don’t need fancy graphics or pop-up buttons to control my devices; I want to see status data if I click on a more info link without having to click again to display the graph to show it.

1 Like

I think similarly to what has been discussed here, the height item of each section would be ideal to be customizable, in the case on the screenshot I want to fit section B below A and I’m not able.
The reason I’ve got those buttons in different sections because on a 2 column width I want them side by side.

Set the row_span of your graph to 2 (or sometimes better 3). See here.

Thanks arganto! That sort of worked.
Is there a way to get the section to stick to the top one? Just the cherry on top of the cake


s

It is explained/shown in the link and in my (better 3 instead of 2) answer as well. Try to set n+1.

Hi, i would love for an option to use sections with a masonery option. I think this would be the best of 2 worlds. now i have a lot of open space because of one long section. It seems the selection ā€œDense section placementā€ does not prevent this.

See the last 3 posts above yours.

Thank you. I managed to get it better by using the header card instead of an extra section. Imo sections with a masonery option would be a better option but at least it looks good now so i’m happy :slightly_smiling_face:

For several reasons, but primarily because that’s where the automation will be going — controlling robotic devices in and around the home, including security drones. And that’s exactly what you do in real-time strategy games so, the interface will eventually evolve in that direction, especially if you start thinking about adding AR/VR platforms into the mix. Hopefully, that will happen without sacrificing a11y.

Update: well, the alternative is Jarvis-like interface, but the AI is simply not there yet.

That’s not automation, at least to me; that’s Home Control. Automation is where the Home does things with minimal or no input from you, in the way you’ve previously defined that it should. I’d love voice feedback on some things, like my work schedule or other things that aren’t specific to automation exist in the home, but that’s not critical to me.