Pre Announcement: HADasboard v2!

Great, I’m looking forward to it. I’ll be in NJ most of next week so hopefully I have some quality time at night to work on it. Unfortunately I’ll be in meetings all day so I’ll lose my day hours when I work on it at work. :slight_smile:

I hear you, my job is similar, used to be NJ, now I spend more time in the Reston VA area, hip it works out for you.

The day ain’t over yet… but Rene is in Holland so we may make it yet. LOL

Truly, the new version is a work of greatness. Andrew has once again set the bar for HA add ons.

1 Like

I am in NZ so Saturday is in 6 hours…

1 Like

It might be towards the end of your Saturday then I am afraid :wink:

Do you know if it will support newer css filters like backdrop-filter? I did this while messing around with my main home assistant UI but current browser support seems spotty. Gives it a nice iOS style gaussian blur.


That is the idea - I am basically allowing skinners to pass through anything they like so if the browser supports it, you can make a skin for it.

To correct this make sure you use the vendor prefixes like -webkit and -moz…

I’d really like to see you do a Share Your Projects on what you did with HA’s UI; it looks beautiful!

Regarding skinning in HA Dash 2, you can also use head and body includes to add 3rd party libs so you can go crazy with skinning. I used them in one of the skins that will be in the beta to provide a background that changes color as the day goes on.

Looking forward to seeing what you come up with!!

1 Like

I’d like to point out that was Rob’s idea :slight_smile:

1 Like

And I’d like to point out that the suggestion would have been meaningless if not for the skill of Andrew to make it happen in like, five minutes flat.

Seriously, even for the beta he has included pretty much every option you could need to customize skins easily. If you know CSS, you are going to have a lot of fun. And if you don’t, now would be the time to start learning!!!

cool, would one of you guru’s mind posting a tutorial on how to do skins? I’ve heard about them and kind of know what they are, but have no idea how to do them. That would be something nice to pad my resume with for when I start looking next year.

It’s going to be different for every application out there - there will be instructions to make HADashboard skins, but it basically comes down to having a good grasp of CSS then applying that with whatever tools the app gives you to modify it.

Ok, get ready for a lot of CSS questions then. :slight_smile:

That’s Rob’s department - my CSS knowledge is basic at best :wink: is where you should go.

For the beta, we are going to be concentrating solely on function, unless one of the preset skins presents a bug. We need to make sure everything is working correctly before we start working on appearance. Also, Andrew and I will work together on a skinning guide after the beta is finished and everything is proven to be working from a function standpoint.

That being said, I have documented the styles as best I can in the skins that will be included so that should give you some idea of what is going on and give you options to change.

There is some basic info in skinning in the docs I am writing, but things will be very subject to change during the beta.

With this many people waiting to test on so many different platforms, it just makes sense to concentrate on bug squashing and function first.

I could even see a separate sub forum for skinning, including questions and sharing of skins. But we need to make sure that everything is in place first and that will take a little time.

I’m thinking positively there aren’t going to be any functional bugs. :smile: With that said, when you get to the pretty stuff and you need an idiot to go through it and tell you what he doesn’t understand. I volunteer. :slight_smile:



I’m going to start setting up my second instance in preparation for the beta. I’m planning to do the following.

  1. Install AD on a new RPI
  2. Point it at my production HA install without shutting down my production AD install.
  3. Install beta and have fun.