TileBoard - New dashboard for Homeassistant

Share your Projects! Dashboards & Frontend
1597

I don’t think there is an elegant way of doing it at the moment and TEXT_LIST was never intended to do this.

1598

Amazing! You are the best and thank you again for this fantastic project

1599

@resoai - Thanks for creating and sharing such a wonderful dashboard.

so far managed to customize to fit my needs to show dashboard on 8" display.

image
image1274×780 114 KB

3 Likes
1600

Hey guys,

Any suggestions how i can add a slider for the colourr?
I’ve changed “Brightness” with “rgb_color” but no luck

{
position: [4.07, 1.05],
width: 0.9,
height: 1.12,
title: ‘LIFX2’,
id: ‘light.2’,
type: TYPES.LIGHT,
states: {
on: “On”,
off: “Off”
},
icons: {
on: “mdi-lightbulb-on”,
off: “mdi-lightbulb”,
},
sliders: [
{
title: ‘Brightness’,
field: ‘brightness’,
max: 255,
min: 0,
step: 5,
request: {
type: “call_service”,
domain: “light”,
service: “turn_on”,
field: “brightness”
}
},

1601

Thanks Alexey. I appreciate the response. :+1:

1602

Can you tell how I can make the slide (the square) a bit bigger?
Want to make it more comfortable to use on ipad…

image
Thanks!

1 Like
1604

I’m stuck, help please.
I have Broadlink Rm Pro and an IR light with on/off and day/night switch.
How can I use this light in one tile to toggle the on/off and the day/light switch?

1605

You need to make those bigger:

  input[type=range]::-webkit-slider-thumb {
  }
  input[type=range]::-moz-range-thumb {
  }
  input[type=range]::-ms-thumb {
  }
1 Like
1606

Thanks!

this solved it (to custom.css):

input[type=range]::-webkit-slider-thumb {
  height: 30px !IMPORTANT;
  width: 30px !IMPORTANT;
  margin-top: -14px !IMPORTANT;
  border-radius: 7px !IMPORTANT; /*only if you like..*/
}

image

1607

@resoai can you tell if it’s possible to handle click on sensor to fire an action?
For example if I click on some temperature sensor it will toggle some other switch?

Thanks

1608

No, a sensor by definition is something which displays the information and doers not perform any action.

1609

Understood, thanks!

1610

If you still want to get your hands dirty, you could edit controllers/main.js to handle the click.

1611

yes, i saw the $scope.entityClick = function and it can be implemented easily…
But I just need to think first if I want to maintain my side branch or to be aligned to yours…

1612

Just found this and would love to use it but I’m struggling a bit as I don’t know where to put the files.

I changed the page title in /home/pi/homeassistant/lib/python3.5/site-packages/hass_frontend/index.html and that showed up on my normal dashboard to I assumed that I should put the TileBoard directory in here to get:

/home/pi/homeassistant/lib/python3.5/site-packages/hass_frontend/TileBoard

And that I would access this via mi.ip.add.ress:8123:TileBoard

However, I just get a 404 error.

Any pointers would be gratefully received

1613

Ignore this. It was me being dumb!

1615

I’ve just enabled presence detection through my Netgear Router. Is there a tile I could use to show whether people are in or out?

1616

That’s not only great, but close to what I’m trying to build.

Quick question. How do you get the recycling info?

1 Like
1617

I made changes to tileboard/config.js but when I restart my hassio nothing changed…do I need to do something else? I can’t get the index.html to show my changes, very strange…

1618

This looks far better for tablet devices, but doesn’t seem to be working for me, however I’m using the compact theme, what theme are you using? Thanks

EDIT: After adding in the input[type=range]::-moz-range-thumb part to my .css it now works for me :slight_smile: I should have read the whole thread.

EDIT 2: Is it possible to change the slider position on the Light tiles?

My bulbs only have brightness control and I’d like to move the slider to the centre of the tile, not the top.