Show Off Your Dashboards!

Actually, it was quick enough to grab it before starting work...

@AdamV and @jaredqpittman1 - Here's the CSS I used. I've shown tile 9 and 10, but obviously from my earlier screenshot there are more than just 2 tiles... Plus I then have a small section at the end to hide titles.

   #tile-9 .tile-primary:after{
   content: "Third Bedroom";
   font-size: 25px; position:absolute; text-align:left; align:left; Top:13px; left:50px; 
}

#tile-9 .tile-primary.on i.material-icons:before{
  content: "";
  background-image:url("http://192.168.0.8/local/switch_on.svg");
  background-size: 100% 100%;
  display: inline-block;

  height: 52px;
  width:52px;

  position:absolute;
  text-align:left;
  align:left;
  top:13px;
  right: 27px;
} 

#tile-9 .tile-primary.off i.material-icons:before{
  content: "";
  background-image:url("http://192.168.0.8/local/switch_off.svg");
  background-size: 100% 100%;
  display: inline-block;

  height: 52px;
  width:52px;

  position:absolute;
  text-align:left;
  align:left;
  top:13px;
  right: 27px; 
}

#tile-10 .tile-primary:after{
   content: "Downstairs";
   font-size: 25px; position:absolute; text-align:left; align:left; Top:13px; left:50px; 
}

#tile-10 .tile-primary.on i.material-icons:before{
  content: "";
  background-image:url("http://192.168.0.8/local/switch_on.svg");
  background-size: 100% 100%;
  display: inline-block;

  height: 52px;
  width:52px;

  position:absolute;
  text-align:left;
  align:left;
  top:13px;
  right: 27px;
} 

#tile-10 .tile-primary.off i.material-icons:before{
  content: "";
  background-image:url("http://192.168.0.8/local/switch_off.svg");
  background-size: 100% 100%;
  display: inline-block;

  height: 52px;
  width:52px;

  position:absolute;
  text-align:left;
  align:left;
  top:13px;
  right: 27px; 
}




#tile-3 .tile-title, #tile-4 .tile-title, #tile-5 .tile-title, #tile-6 .tile-title, #tile-7 .tile-title, #tile-8 .tile-title, #tile-9 .tile-title, #tile-10 .tile-title {visibility: hidden; display: none;}
3 Likes

I'm doing a larger 22" and a couple 13" in the next 2 weeks, I'll post pics. Basically we had to notch the 2x4 to get it in there. I'm really happy as the system is rock solid. I setup a simple program to run screen savers at 12am, and then at 10am I do a slight automated mouse jiggle to bring the screen back. If I do want it in the middle of the night I can just tap the screen of course. And as stated before, I can control all of them from my office via teamviewer, but so far the 2 I have, have not crashed. Here the 13" touchscreen Metal I have about to be installed, front and back. I have it in landscape mode, looks really good with Aerial screen saver.

4 Likes

@AdamV I have include those icons and will be available in smartly soon. You can see all the new icon included in this thread.

1 Like

If anyone is planning on using Intel Compute sticks for these, grab them while you can. Intel finally pulled the plug on them. They're still supplying a few OEM's that made long term fulfillment agreements but few of those will make it to retail.

The small square boxes will work too for what I'm doing, plenty of those around and they stick to the back of the touch screen nicely.

:shushing_face: smartly 2.0 drag and drop footage leak. :eyeglasses: :eyes:

all actions done on hub, directly on your dashboard!

I could not escape with any more proof, only the pudding.

33 Likes

Holy crap. Thats amazing!

Lol I have questions but am afraid the answers are already in the 900 posts above. Great work.

1 Like

nope, this is fresh news. More details to come in future smartly 2.0 release.

I like the icons.... :grin:

2 Likes

WHAT IS THIS SORCERY!!! And can we get it soon please :smiley:

5 Likes

Can't wait!

1 Like

Gimme!

That's awesome! What's the white line in the middle?

That's the visual representation of the rift created while prying the evidence from @spelcheck clutches. Don't worry we'll duct tape it back together before the final release.

2 Likes

@dpdurst's image tiles had grey bars on the top and bottom of each tile that he wanted to remove. We fixed it with a css patch that anyone can use. :+1:

10 posts were split to a new topic: [css] make image tiles cover the tile

Dash is looking good @dpdurst! could you post a new screenshot of your weather dash now that you have the [css] make image tiles cover the tile patch applied?

1 Like

Here is the Main page with the new image settings and the Weather page with the new settings, images are filling up the entire tile now! Thanks @spelcheck

4 Likes

Ship it, Danno! :wink:

24" touch setup in our kitchen, with pi 4 :sunglasses:

7 Likes

Very nice, I could not get PI with a good refresh for my Nest Cameras