Hi all, I have been working on a dashboard layout design that is minimalist in nature, and all easy clicks from a mobile device. I also tried to design things in a way with no scrolling. If there is interest i will try to document this on github.
Most of this is made using the custom button-card module. Love that thing.
Everything starts from a main screen. On this screen there are what i call action buttons at the top - quick access to things like all blinds, car, 3d printer etc.
Then below that i have a status bar that displays certain sensors that are important to me.
Then there are status icons that tell me when things are happening like the dryer is running or the door is unlocked or the car is charging.
Then i have a blue bar with the name of the current screen/room.
Finally i have the rooms that each can be clicked. On each room tile, there are little green icons that will light up if any light or audio device are on in those rooms.
When you click into a room, there are buttons for each device. You click to toggle them on and off. Some devices like dimmable lights or blinds have a position arc that shows the brightness or the position of the blinds.
By clicking on the settings in each button, the more-info dialog will pop up where things like colors or brightness of lights can be adjusted etc.
I also created a couple cards, one for sonos and one for a google home device.
On the sonos device you can click on the content button on the far right and it will pop up a window of media source tiles.
I even get into some greenhouse controls and sensors.
I created lots of similar styled buttons for lots of different devices including switches/receptacles that display current power usage.
So just wanted to share a bit of what i have been working on. this is very easy to navigate on a phone and that’s what i was going for. there are lots of other little features here and there. Always working on it.
Feedback welcome. I tried to do this all with as few addon modules as possible.
