[RELEASE] Tile Builder - Build Beautiful Dashboards (Grid 2.0 Released)

You are right, title, background, walls could all be placed on the background. In my own experience I've found I'm not hitting the 1,024 limit very often so it's not been an issue for me. The only time I ran into a size constraint was the basement. There I created a separate container (room) for my washer and dryer and just overlaid it onto the main basement room.

If I have room I'll keep things in the Tile because it's so much easier to update the tile than edit and replace the background.

Looking really good @wecoyote5. What are you using for your drawing program?

I like that you can open and close your garage doors by touch. I have MyQ whose integration is broken at the moment so I'm monitoring only.

Did you apply the update today. The extra Publish button doesn't seem like much but it's really helpful when doing precise positioning. Also, I added "Bottle" to list of Icons in todays release when I saw how you had used it. Does the bottle glow red above a certain temperature?

Looks like you are having fun.

2 Likes

I've been playing around, too. It would have been terribly helpful if I had any rooms that were square or had all right angles. It won't be usable remotely because it just doesn't look good if the walls are visible. But I have the stylized version I did earlier that works just fine for remote viewing.

BTW I think the second publish button is a wonderful addition!

2 Likes

Get rid of it, use a zen 16 or 17, or if you prefer zigbee an mhcozy 2 channel. You'll be much happier my friend. Also your prog is lookinig good.

3 Likes

Thanks. I'm on ubuntu so I used SweetHome3D to overlay the walls then GiMP to do the conversion from SVG to PNG and to add the furniture and such. That's what takes the longest as I end up being too picky on the images available :slight_smile: .

I hacked apart a MyQ remote and converted to local relay control a year or so ago when MyQ changed their API the last time. I would recommend that when you have a chance. I have extra monitoring via NodeRed's MyQ interface just as a backup.

1 Like

I think those are the two approaches most people will take, "stylized" and "realist". Just a matter of personal preference.

As to the WAF you just need to add some data that your wife would find useful. I'm in the same boat so I was looking today at these:

Seems pretty affordable!

I'm noodling the idea of being able to show\hide groups of information. So you could have a switch that said Show\Hide Plant Info and toggling it would turn that info on and off. It would have a couple of benefits.

  1. Less crowded rooms.
  2. The room could be "overbooked". Maybe you define 15 devices\data but as long as you are only showing 10 at a time it doesn't matter.

Not sure how to implement it but it will come to me.

2 Likes

EcoWitt and TileBuilder... What a combination... We could conquer the world.... :wink:

2 Likes

Looks great. I like your choice for the openings, the black bar with the green background. I might have to switch. Garage door looks especially good.

What drawing app did you use? Let me know if you are aware of any emoji characters that you would like included in future releases.

You must have embedded the names in the image as you have a different font and it looks good. Makes me wonder if I should add font selection back into Rooms. I pulled it because I thought there were so few words it wouldn't matter and using the default is always smaller.

Do you have controls layered over the lights and switches?

One of the great things is that we are so intimately familiar with our houses that even if you took away everything but the Icons, you would still know what's what.

Unfortunately there is some wasted space around the preview that I can't get rid of and it pushes the original publish button way down the page. The second one does speed things up.

So true, but I accept no blame for those choices. :laughing:

Are you aware of any instructions for this. Sounds like an interesting option as I have a couple extra remotes sitting around. I also have a second garage for our gardening stuff and it could operate both.

FYI I changed the name of this thread if something looks funny.
from:
[RELEASE] Tile Builder - Build Beautiful tiles for your Dashboard

to:
[RELEASE] Tile Builder - Build Beautiful Dashboards

More succinct and on message with the addition of rooms IMO.

2 Likes

Thank you! I used an app I had on my Mac called Home Design 3D, with a lot of post-processing in Photoshop.

The names are embedded in the image. The font is one called "Veggieburger" that I purchased years ago for a different project. IMO I don't think you need to add fonts back. The problem with font selection is that it's really subjective, and to some extent dependent on what people already have installed. You are never going to please everyone. Having one, simple, standard font works well. Again, just IMO.

No, I don't. And I probably won't go there. Again this is just me, but I've never seen the difference between turning a switch off on the wall and turning one off on a dashboard. I prefer that things just happen in my house. If I'm remote and need to do something, my "Main Panel" has been tweaked over the years to give me exactly the info and control that I need.

That's just a personal preference and not to take anything away from Tile Builder or those who like dashboard control. Tile Builder has been really, really fun to play with! And several of the original tiles have a prominent place on the Main Panel.

Also: +1 here for Ecowitt and @sburke781's integration. The snowflake over the freezer in my garage is an Ecowitt temperature sensor that's been out there inside the freezer for a couple of years, reliably letting me know that my freezer is, actually, freezing. I also have an indoor air quality sensor and a couple of the moisture sensors. I hadn't thought to add the moisture sensors to the outdoor area of my house plan, but that's a great idea!

2 Likes

I got rid of MyQ and have had local and 100% reliable control ever since. Followed the general plan in the following linked thread. Used a sacrificial GDO remote, the Zigbee relay mentioned and the Zooz garage app (even though there is no Zooz equipment involved) and it's been perfect. See: Local Control Options for MyQ Garage Door Openers

2 Likes

It's built right into the GDO. Garage door died unexpectedly and had to be replaced in a hurry with whatever they had a Home Depot.

Do you just add the MHCozy to the GDO as though it were a regular opener and then activate it over Zigbee?

Basically you tie it to where ever your button wires terminate. If it's a newer (yellow button) you'll need a dry contact to security 2.0 which is available for $20 at garadget.

2 Likes

Those work really well. I have a few of them in the Higher plants on top of the kitchen cabinets and in the planters out on the patio. The wife loves them and we aren't drowning plants anymore! Plus that Ecowitt rabbit hole can get pretty deep if you are into the weather and environment monitoring. I recently replaced my GW1101 with the GW2000 because the GW1101 started repeatedly dropping off the wifi. I have the GW2000 set up on a POE splitter, so I shouldn't have those issues anymore. I still have a ways to go before i get to the bottom of that hole.

2 Likes

The Zooz ZEN16 is then unit of choice. There are no specific instruction for the interface I used. This type of integration is my profession so, for me, it was extremely easy. There are other solutions that don't require soldering but this is what I did that was pretty straightforward, you will need to take apart a spare, working (already linked to both your doors) GDO and solder wires across each button. Then connect those wires to the relays.
Button 1, wire 1 connect to - Relay 1 - Com
Button 1, wire 2 connect to - Relay 1 - N/O (Normally Open)
Button 2, wire 1 connect to - Relay 1 - Com
Button 2, wire 2 connect to - Relay 1 - N/O
Package the parts into a housing of your choice, or just leave it out. I put all mine into a little plastic project box and mounted it on my garage wall.

Then use the Zooz garage door app to setup your doors.

2 Likes

Is the advantage of the Ecowitt over a regular Zigbee temp sensor the longevity of the battery? I've tried to avoid adding Gateways whenever possible.

Well, that and reliability. I have the Ecowitt WH31 temp/humidity sensor — which admittedly is indoor/outdoor. It's in my freezer — i.e. inside a metal box — in the garage. It's sitting naked on a shelf in the freezer. I have the GW2000 base (upgraded from the GW1000). The base is in the room I use as an office, which is across the house from the garage. The sensor has never dropped. Even the upgrade to the new base was a piece of cake. I just plugged in the new one, and all of the sensors automatically started communicating with it. And I've never changed the battery.

2 Likes

Biggest problems I have with Hubitate dashboards are:

  1. Safari on my older iPads running them have to be refreshed periodically or they don’t work.
  2. Sometimes there is a delay between when the button is pressed and the change in the device’s state is relected
  3. You have to do a lot of CSS stuff if you want to change things, like how a button looks, what the display name for a device is, etc.

Does this help with any of those problems?

1 Like

Hi Krishna,

#1 Tile Builder creates various tiles but it still uses the native Dashboard infrastructure. But I recall reading a thread recently where a bug with Dashboard refresh had been found and a fix was forthcoming which may apply to you.

#2 The delay you see is most likely Hubitat waiting on a confirmation from the device that it has changed state before it updates the dashboard. For the same reason as #1 it would not really change this. However, Tile Builder is native and works directly with Dashboard without any intermediary such as MakerAPI or a dedicated app. For this reason the updates to the Dashboard are very fast and seamless when they occur.

#3 Yes, it does help greatly with this.
Tile Builder Rooms contains a standard block of CSS that you paste into your dashboard. After that you use the UI to leverage that CSS to create the output that you want. All of these rooms were created entirely with the UI.

If you were referring to one of the Table Building modules you will find that the UI is pretty rich and offers a great deal of flexibility. These do not use any standard CSS and are entirely self-contained HTML\CSS.

I hope that answers your questions.

1 Like