@Royski Loving the layout! Dig the music tile begin portrait, nice approach.
Why is one curtain icon partially open, and one icon full open, when both look like they should be full open?
That bold train text needs some love to, unless it is just blurry in the pic.
I see @spelcheck didn't included the nicer LED strip icon I found for us. Gonna need to give him a talking too. We want better icons!!
@kjh Not sure what you mean there. You can use "Link" and "Dashboard Link" tiles to link between dashboards. I use "Link" with the direct dash URL for a "Refresh" button, and dashboard links to all other dashes.
Much like @Royski has on the left side of this dashes above.
What I mean is I would title in the tile to function as link instead of having to create a separate dashboard link tile. It will save space and improve UX.
If you are trying to get multiple Dashboard links on one tile it looks like you can do it via @bptworldTile Master 2. I am still figuring it out and getting "Null" instead of the link, but it is possible.
How To - Tiles are stacked by HE depending on the order they appear in the JSON. Tiles on top are created 1st and tiles that come after are placed on top. If you want a tile to be on top c/p it's JSON tile entry below that of the way you want to be "on top" of. Notice below I put tile 55 below 56. That change will make 55 be displayed second, and sit "on top" of 56.
This can also by achieved by removing the tiles that are "behind" other tiles and then adding then back into your dash. This will create a new tile at the bottom of the list and bringing it "to the front"
Thanks to @spelcheck for smartly to build on, and helping me figure this stacking thing out.
Last 2 are still in progress in not worthy of posting, yet.
Please know that this 'mod' of smartly is not 'officially supported'. See this post for details.
PS. @Angus_M be gentle, some of the spelling mistakes are intentional due to space limitations (you can still poke fun). Any that aren't I'll just say are. I still say HE needs to allow browser spell check!
Finished wireframes, next step visual design, hopefully more to show soon. When I started the project I had a lot of devices outstanding that I didn't think I'd be able to get into Hubitat, that number is quickly dwindling. With some of those remaining likely to start working soon too!
Nice work. I love the layout and nice clean look. Well done indeed! I'm making steady progress with mine too. Now I'm adding pages for music control, photos (for slideshow), etc. I'm still waiting for the 3D views from the architect then I will integrate all the devices I've set up (lights, AC, leak, contacts, motion etc). I'm loving the flexibility of using good old html/css/javascript instead of being locked down to a formal grid dashboard approach.
I used percentage of viewport height (vh) for fonts I wanted to be a specific height, typically short labels. Some I wanted to not break into 2 lines, like the tile titles, so I based it on viewport width (vw).
In general, the tiles are approximately square for a 16:9 display. It would still be ugly moving from landscape to portrait, because I haven't yet figured out how to make tiles have a width/height dependent on the same viewport dimension (e.g. width = 10vw; height = 10vw;). That should be possible, though, just need to spend more time inspecting the elements.
@codahq I had a architectural drawing from our recent-ish remodel, that I used as a tracing image and I drew it in Figma.com, a web based vector drawing tool (its free)
I just finished integrating a tinyCam webserver (running on an Android phone) into the new dashboard I'm developing, along with some new icons (note one of the motion sensor is triggered)....
This is a live video feed, so the little camera image updates in (kinda almost) real time, which is very cool. And here is the same grab with the light on and the AC running (the .png image rotates round and around while the AC is on).
tinyCam is really awesome now that it supports my Arlo cameras directly. Supports motion, face/person/pet detection etc but didn't set that up yet. Loving it!
Now I'm trying to get it to pop up a larger window onclick to the div, but seems tricky to do