Show Off Your SharpTools Dashboards!

I created a theme, and one of the styles for the theme I called a label style, which I used to define the look of the label.

When I add lebels, I set the customs style to the one in my theme. I use custom styles on all labels and many other devices based on the type of label or devices. This way I have predefined styles for panel labels, scene labels, security related labels, etc…

By using styles you can change the look globally by editing the theme.

1 Like

Hello everyone!

I just started using ST, currently building my first dashboard. The idea is not original, it’s pretty much a copy of something shared by u/Upstairs_Wolf2112 in Reddit for HA.

Anyway, I thought it would be a nice inspiration to get started doing tests while I’m waiting to get an Android tablet to run it.

Only 25 lines of custom CSS so far too :slight_smile:


9 Likes

@Dinis_Carvalho, welcome to the community, and that’s pretty slick looking dashboard. I am sure the community members will ask for the customizations in a dedicated post as well, since this is really a nice work. :joy:

2 Likes

Thank you, I will definitely do that once I have a bit more content, I’m planning to try and build some custom tiles and additional dashboard “pages”.

2 Likes

I’m a newbie at Dashboards but here is my masterpiece. I still need to implement the Wyze cameras to it. So far, not to shabby! Thank you for looking :blush: The tile named “Cookie” is my Samsung smart stove lol

BTW, this is running on an Amazon Fire HD10 tablet.

4 Likes

@Hilda_Lopez, welcome to the community. That’s a simple clean look dashboard. :+1:

You may be interested to check out the following post for adding Wyze camera to the dashboard using TinyCam pro as the video streaming proxy.

2 Likes

Awesome, thank you :blush:

Sharing my work in progress. This is connected via the Home Assistant beta.

5 Likes

I have to thank everyone on here for their inspiration. I haven’t settled on a design, but this one at least the family will use and “kinda likes”. Hard to please everyone. The weather and calendar widgets have made this even more interactive and useful in a general sense for the family.

4 Likes

Well, I’ve been tweaking these for awhile now and about ready for prime time! I’m using Fire HD 10 tablets (latest generation) for the main dashboards. My buddy is 3D-printing wall mounts for me.

Home:

  • The door and garage tiles are Super Tiles because I wanted to add the battery levels. Too bad my Yale smart locks are claiming 100% battery after a year of use - I doubt it!
  • The “Hey Riley!” button is a Hue scene that turns all the lights in my kid’s room red. She knows that means we need her to come out.
  • The cameras are Nest Cam Outdoor which (thanks to this community) I was able to publish to URLs that are called using Media tiles.

Devices:


These are mostly just normal Thing tiles but the Call Mom/Dad buttons in the bottom right trigger virtual switches which call Alexa routines to make a call to mobile phones. My daughter doesn’t have a phone so this gives her an easy way to call us if needed.

Weather:


These are Media tiles pointing to a local news station’s weather content. It works well but I think I will try making Custom Tiles for the forecasts because I don’t love having their branding and style since it’s quite different from mine. The radar maps are animated and pop up full screen if you tap them.

Traffic:


I’m very happy with this one, the only improvement would be if I can make it interactive (right now it’s a static image that refreshes every 15 minutes). I haven’t started investigating that yet but I guess it might be possible using an iFrame.

Music:


We’ve got a number of Sonos zones so depending on the room the tablet is mounted in I will show different speakers here. This one is for the living room so I wanted to show multiple. The buttons on the right play the desired station in the room the tablet is in. The Sonos button in the bottom right opens the Sonos app in case you need more control (search for music, group/ungroup speakers, etc.).

Kid’s Room:


Finally I created a different dashboard for my kid’s room that’s more aligned with her color/background preferences. Her school publishes a calendar so that’s awesome. In the upper right are Hue Scenes that set the colors to the theme of her favorite Marvel characters. In the bottom right is just a sample RSS feed - the school uses an app called Remind to send announcements to kids (homework due dates, don’t forget to bring whatever tomorrow, etc.). Remind is not currently generating an RSS feed but expressed interest in adding one, so hopefully I could show that kind of stuff in the dashboard!

Like others I want to thank Josh and James for providing such a great product, and the whole community as well for providing amazing support and ideas!

13 Likes

Here’s my first dashboard for the man cave. Still fine tuning a few things, but pretty much done. Will be creating one for the rest of the house soon.

10 Likes

Automating the Legos, nice idea!

2 Likes

Finally integrated my BlueIris cameras into my dashboard. Wasn’t easy as it was all done through custom tiles.
The image in this state updates every few seconds. If you click on it it will load a full stream video for viewing.
The trigger/light icons will trigger and toggle the light on and off. The icons also update in real time and will turn yellow if the light is turned on or something triggers the camera as well.
The timeline icon will launch the BlueIris app to the camera selected so you can then go through the event list and view past events.

Also replicated my harmony remotes onto their own dashboards. Perfect for those times when you can’t use the physical remote (somebody lets the battery die). Better layout than the app. All done through custom times as well and javascript. The hardest part was mimicing the short press/long press actions.

7 Likes

6 month’s old? No problem…

I’m using a Nest Doorbell. And I work at night so being up early is normal for me. :slight_smile:

2 Likes

The remote styled custom tile is insanely cool!

3 Likes

This is the dashboard for Princess, my beautiful white Tesla Model Y. This dashboard is linked to my Home dashboard.

It makes use of the custom Tesla integration available for Home Assistant.

The tiles are view only. Originally I was going to allow control of some of the functions, but when I went into the garage and found the trunk opened by an inadvertant touch I decide that all I really wanted was status. The phone app controls things nicely when needed.

Another consideration is the terribly long polling interval. The recommendation is an eleven minute interval to avoid waking the car and unnessarily draining the battery. Press a tile and wait eleven minutes to confirm that it worked!

6 Likes

Love it. I know over there, you call the Boot a Trunk, but I’ve never heard the Bonnet (Hood) called a Frunk…I guess in the UK Tesla will call it a Froot…

3 Likes

I have been a long time user of ST back when I was on Android. Purchased AT long ago but never took the time to build a Dashboard. I went the Dakboard route. While that was fine (it’s only a display) - the price point increases for Dakboard and the lack of functionality had me looking to move to building out a touchscreen.

My challenge is, we moved from Android to Apple a while back. It wasn’t until I came across this mounting solution that I really decided to dive in:

With that said, using the Apple App tKiosk, I was able to integrate the Kiosk as well as a screensaver function (which I still use Dakboard for the screen saver - free mode)

8


I use “Willy Weather” for the Weather Alert

My cameras are UniFi Protect hosted, you can achieve a feed by simply calling the snapshot.jpg URL by camera IP and refreshing - which is fine for me - otherwise I would need to deploy a RSTP to MPEG solution, which I’m not ready to do - yet.

I actually built out this exact dashboard in both ST and AT.
AT allows the pulling in of “scenes” or “routines” - but ST can replicate with Rules.

What really brought me over fully to ST?
The iframe HTML code (for weather alerts) - custom tiles.
I enjoy the themed calendar (even though you can do the same using Google Calendar Agenda View).
Another huge win is the complete flexibility on icon states / theming. Although, it’s usually enough, AT only has four potential icon “intentions”.
Also, the grid creation UI of ST is outstanding - most importantly, being able to span rows with a tile, without moving all rows below the single tile you are spanning.

Two items I do miss from AT - the “paneling” which allows for labeling of blocks of similar icons and the integration of sensor battery level integration without needing to use “hero” tiles.

Only thing I am missing at this point is integrating my “whole house audio” system which is running on Home Theaters Direct (HTD) equipment using HTD Gateway.
If anyone knows how to work with the HTD Gateway API, I’d love to hear about it.

I’d also like to hear from anyone in Smarthings beta and the “edge” / “matter” migration. Does this potential impact our dashboards? I understand all DTH apps will no longer work (unless recoded)?

I’m considering a move to Hubitat - but with 94 devices, not looking forward to the readding of every device to a new hub.

4 Likes

Thanks for sharing the screenshots and the details - it looks great!

You can use the SmartThings Scenes custom tile if you want to control your native SmartThings Scenes.

We also have a private beta that just went live for a next generation SmartThings integration which exposes the Scenes functionality as well. Feel free to send a note to support@sharptools.io for more details.


There’s a feature request for Visual Grouping of Tiles that you may be interested in casting a vote on.


Is this for the various contact, motion, and water sensors in your screenshots above? I don’t believe there’s a feature request for this yet, but feel free to create one.


I’m going to break this part of the post out to its own thread as it’s likely to generate some discussion. :slight_smile:

Edit: Here’s the link to the discussion on SmartThings Groovy to Edge Change and Impact

I need to learn how to “quote”

About the paneling…
For example, above I have a dashboard - bedrooms.
I have each room represented by a row of tiles.
This works, but if you wanted to drop the tile title or shorten it, you would be confused what’s what.

Every room has a fan, light, etc… So every tile has to say - for example - Master Light, Kids Light, Guest Light, etc… Rather than grouping them in some sort of way, perhaps a background color? That way you could leave all the tiles as “Light” but know which room they belong to by the grouping…