Show Off Your Dashboards!

How the heck do y'all make such cool dashboards? Custom css?

1 Like

Mostly just patience and some plug in apps.

1 Like

That's pretty sweet Mark, I wish I could convince myself that I don't need to have instant access to every single device on the screen......but I can't.

1 Like

It took me a while and several phases of evolution to get to that point. I totally understand what you are talking about.

I also just finished installing the new tablet!
Makes by Mike flush mount with bare wood trim to stain later



8 Likes

Hours of obsession over CSS is a more accurate description.

4 Likes

Ultimately yes, but don't see that as an obstacle. There are plenty of people willing to help you achieve a great outcome, both on this thread and here:

But I would also like to see this easier for people to access, both in applying minor adjustments, but also sharing "templates" for how to style different types of dashboard tiles.

But, as people have already said, it takes time, so does making this easier....

1 Like

Awesome, thank you very much!

I am a developer (30+ years) but I hate CSS :wink:
I work in the backend (server/database) and middle (API's)

1 Like

I am with you, give me data and a database to work with any day.... But can also appreciate the usefulness and immediacy of an easy to use interface.

2 Likes

I do css for a living - and the structure provided by HE is not container-ized so its all one line at a time. While css does give you the drill down control some folks swoon over I ran away from that idea a long time ago.
There are a few good to great packages out there - me personally, I went with @jpage4500 'Hubitat Dashboard for Android' and haven't looked at an HE dashboard in months .. and months! I do admit that screens like @markbellkosel84 are amazing, but I submit that my dashboard changes weekly and css cracks wide open at the drop of a pin.
HE could provide containers, flex, structure, image, and numerous fields bolted to the infrastructure used by their dashboards, but it's not really a web server (see 1024 char limit/minimalized file management, web service controls to name a few). You're better off pushing from the maker API toward an external interface - which also gets you past the security issue (vpn/cloud required for external access). I always go back to 'I paid 99 bux and got my 99 bux worth a long time ago." What we do with the data is on us ...
I'll just say once I discovered a smooth method for pushing it all at google dev services, I was freed from my chains.

1 Like

Well got a weatherflow Tempest, integrated with my Rachio controller and Wunderground. So decided to start slowly building a weather dashboard for giggles... This is nowhere near done

4 Likes

I have a bunch of my weather stuff on my main dashboard page. Swapped out all the other weather services for what I have with my WeeWx and Tempest API's for forecasts. WeeWx does the heavy lifting with data being pushed though MQTT for real time and picked up by the Hubitat. I am planning to switch to PWS for future weather forecasts since they give free access to API"s when you send your weather station data to them. I am still trying to think how to best integrate my WeeWx website via the dashboard since the site isn't modular.

Wunderground uses my Tempest for Local weather and uses appropriate locale for forecast. I need to add some radar mapping to my dash as well... I only use a dash for monitoring not remote, so just being able to hot link to that dash on my phone is good enough for me.

No CSS knowledge required for using HousePanel to create awesome effects. Just point and click in the built in tile editor. Literally thousands of lines of code is done for you in this module that writes the CSS on your behalf. This is a screen shot of the Tile Editor window where users point to items in a tile and then move it where they want and assign any icon, color, font, etc they want to each item.

3 Likes

I'm partway there.... Good to get some ideas.... :slight_smile:

Ron how are you linking your weather tiles? Specifically your radar ones? I can't find any animated loop ones anywhere for my local.. Just curious...

I had to search a bit on my local news sites and others to find the animated gifs of weather loops. I would start with a local station in your town that specializes in Weather and they usually have a page of different radar loops and depiction loops. WGN here in Chicago was my primary source.

2 Likes

Yeah they're all using the interactive radar stuff... May just use iframe...:frowning:

Yes I hate it when they use all that JavaScript and server side rendering when the simplest solution works. I was going to embed Windy.com as my loops but it too was all interactive.

1 Like

Hubigraphs use windy.com but for some reason it won't render on my phone, only pc

try this for NWS:

https://www.weather.gov/radar_lite

They have loops here by region. And the url's are static.