UI Designer & new to Hubitat starting my Dashboard Journey

To add to what @techmedx wrote above-

we'd also be happy to create a separate base skin for you guys, so your skin would be 100% your styles, your assets. Currently all skins start with the default 'smartly' skin. When smartly css styling fix is released and you get a release together, you'd just be sending over fonts, image assets and css and it'll be an option in the menu. Figure using smartly would be a good way to get them out there and keep them updated. Let me know, and I'll tag you guys specifically when we are using proper state classes.

Edit: could even have smartly just use your github repo so you can do your own updates.

4 Likes

This might be what I was looking for. Let me toy around with it for a bit.

2 Likes

I do like the more matt finish in the colour palette you chose in your screenshots from May. Nice work.

1 Like

Another benefit of using smartly for releasing skins, you can force grid settings, color palettes, etc. Now that legitimate CSS targeting is available, you can potentially use absolute-positioned pixel-perfect designs if you'd like, or flex accommodate a few configurations. Smartly could even be used to choose (or auto detect based on tile size) what tile layout to use and provide different CSS depending.

I also wouldn't be against having skin preferences where, when updated, snaps tiles to be x rows tall, x columns wide based on tile type, etc. Anyways, a lot to think about.

1 Like

@setheryb - Did you ever complete you Dashboard setup? I typically need something to copy as I don't have the visual expertise of someone like yourself, so am interested to hear if you setup what you prototyped. I could certainly make good use of your plans from sketch, and may end up doing so, but would be interested to hear how any translation to HE played out.

Simon

I really encourage you to use Smartly for a start, it took me no more than 30 minutes of fiddling with custom icons and zooming to get to this beauty. Love their work and this is closer to what I would expect from Hubitat out of the box. We can all hope :slight_smile: In the meantime, the community is here to help.

2 Likes

Thanks. I have been meaning to get back to Smartly, setup some dashboards ages ago that I still use, and even helped in testing the first round of the resizing and dynamic layout changes. Very impressive, both Smartly and your use of it, nice job. I am keen to setup a more polished layout and muted colour palette, but don't have the UI skills that others do, hence why I posted back here. Perhaps I will take a look at the theme you have used, that does look nice.

Simon

1 Like

Nice! Do you have a link for downloading Smartly? I could not find it. Thanks!

Here is information about Smartly.

Smartly 2.0 instructions

4 Likes

Thanks @wayne.pirtle !

Forgot to post here as well as the dashboards thread, I did end up trying to reproduce the example from this thread, got very close, but still not quite finished....

Didn't use Smartly in the end, just a lot of CSS and overlays of tiles.

1 Like

Nice! Are you displaying this on anything in particular? Maybe something wall-mounted? I'm looking for ideas, I recently acquired a Samsung tablet, messed around with Full Kiosk today and it has some great potential.

For the tablet I am going to go custom myself, smartly is a great starting point but I have an urge to tinker.

1 Like

I had an old tablet so put some magnetic surface mounts on the side of my fridge and stuck some metal plates on the back of the tablet. Not the most polished finish with the power cable dangling around the back of the fridge, but still a decent result. There's a few posts around here somewhere, will find a link at some point a post back here

Smartly does give a big leg up, but I do also enjoy the control with the manual CSS updates.

Here's a photo of my tablet on the side of my fridge, amongst other magnetic buttons and motion sensors. I conveniently chose to unplug the power to the tablet when I took the photo :slightly_smiling_face:. Probably not the setup for everyone, but works for me.

I do eventually intend to finish off the last few remaining items on the dashboard and then move on to some more of the examples in the prototype.

Hello, how did you do this beautiful, most wonderful work

I haven't seen @setheryb around on the forum for a while and it looks like he took down the sketch prototype, so guess he is either busy with other projects or took a different approach. Would be great if he is still around, he had some great designs.

1 Like

BTW, I'm happy to share some tips on how I achieved my setup once I get a bit further with mine. By no means a UI specialist, very much a programmer by trade, but happy to share. Just want to get my setup to something more manageable / expandable if others intend to copy it.

1 Like

Hi Simon, @sburke781 by far, this is the most beautiful dashboard I have seen here around...
You did eve better then the previous UI specialist dashboard.
I have started my own but I have chance my mind and decided to follow your setup.
Could you help to walk in the same direction of your dashboard?
Thank you

1 Like

Thank you very much, glad I have been able to inspire someone to take this on as well.

I did actually start to take some quite lengthy notes in the end on some of the "simpler" parts.

I haven't got back to flesh out sections like the mode selector and a few others. Still enough to keep you busy for while I expect.

Simon

1 Like

Thank you Simon... Now I have a lot to try and implement... If I have any doubt, I will contact you back... :+1::facepunch:

1 Like