TileBoard - New dashboard for Homeassistant

{
  position: [1, 5],
  type: TYPES.CUSTOM,
  title: 'Lights',
  id: { },
  icon: 'mdi-lightbulb-outline',
  action: function(e) {
    window.openPage(CONFIG.pages[1]);
  }
}

I figured out the fault, I have give the code in my yaml configuration and that made keypad hidden. so all we need to do is to leave code attribute blank.

now code_format = Number

I have also included keypad sensor status into title of Alarm tile to make sure system is ready to arm/disarm.

image

in Config.js - title: ‘Home Alarm’ + ’ - ’ + ‘&sensor.home_alarm_keypad.state’,

Hi, if I try to open the tileboard on my fire tablet it just shows a “System Error”. Any idea what to do?

Thanks!

Excellent, thanks.

Can you tell if it’s possible to scroll not only to specific page but also to specific group (I’m using it on mobile)?

I have it like this:
image

1 Like

No, but it would be easy to do. I would still stick with one group for mobile devices.

It will be very nice to have, in my use-case I do have more than one group per page on my mobile…

Thanks!

I can access it in the dev-tools template like this:
{{states.weather.smhi_home.attributes.forecast[0].temperature}} which gives the temperature.

In the weather_list-tile I try to set the value to:
&states.weather.smhi_home.attributes.forecast[0].temperature which does does not give the value, but that exact string.

&weather.smhi_home.attributes.forecast[0] without the “states.” only gives the value as [Object object][Object object].

There’s something I’m missing in how to reference the values in templates? One solution would be to create template sensors, but that would be too many for weather_list.

Thanks for a great project! Just what I was looking for after trying out a bunch of them.

I’m using DOOR_ENTRY tile with background from my camera (see below)

Is it possible to set refresh rate for this entity as well like for CAMERA or CAMERA_THUMBNAIL?

              position: [0, 2],
              type: TYPES.DOOR_ENTRY,
              id: {},
              bg: '&camera.mycam.attributes.entity_picture',
              title: 'MyCam',
              refresh: 1500, // How to refresh?
              ....

Thank you, worked a treat.

Hey guys,

Another beginner question sorry, I’m using the darksky and all is working on Home Assistant although on Tileboard i cannot display as i’m getting a missing “group.weather” error.

Can someone please explain how to add/create the weather group, I’m using default everything from the Examples page.

Thank you

You can try adding something like this to the URL of the camera image:

'&iterator=' + Math.ceil(Date.now() / 100 / 100000);

You need to make sure you use darksry sensor and not weather.

Thanks Resoai,

This is the settings in config.js, everything else seems to be ok as i can see the data in Home Assistant but not in Tileboard.

I’ve also attached the error i get.Capture

Cheers

                                  {
                 position: [6, 0],
                 height: 2,
                 width: 2,
                 //classes: ['-compact'], // enable this if you want a little square tile (1x1)
                 type: TYPES.WEATHER,
                 id: 'weather.dark_sky',
                 state: '&sensor.dark_sky_summary.state', // label with weather summary (e.g. Sunny)
                 icon: '&sensor.dark_sky_icon.state',
                 //iconImage: '&sensor.dark_sky_icon.state', // use this one if you want to replace icon with image
                 icons: {
                    'clear-day': 'clear',
                    'clear-night': 'nt-clear',
                    'cloudy': 'cloudy',
                    'rain': 'rain',
                    'sleet': 'sleet',
                    'snow': 'snow',
                    'wind': 'hazy',
                    'fog': 'fog',
                    'partly-cloudy-day': 'partlycloudy',
                    'partly-cloudy-night': 'nt-partlycloudy'
                 },
                 fields: { // most of that fields are optional
                    summary: '&sensor.dark_sky_summary.state',
                    temperature: '&sensor.dark_sky_temperature.state',
                    temperatureUnit: '&sensor.dark_sky_temperature.attributes.unit_of_measurement',
                    windSpeed: '&sensor.dark_sky_wind_speed.state',
                    windSpeedUnit: '&sensor.dark_sky_wind_speed.attributes.unit_of_measurement',
                    humidity: '&sensor.dark_sky_humidity.state',
                    humidityUnit: '&sensor.dark_sky_humidity.attributes.unit_of_measurement',
              
                    list: [
                       // custom line
                       'Feels like '
                          + '&sensor.dark_sky_apparent_temperature.state'
                          + '&sensor.dark_sky_apparent_temperature.attributes.unit_of_measurement',
              
                       // another custom line
                       'Pressure '
                          + '&sensor.dark_sky_pressure.state'
                          + '&sensor.dark_sky_pressure.attributes.unit_of_measurement',
              
                       // yet another custom line
                       '&sensor.dark_sky_precip_probability.state'
                          + '&sensor.dark_sky_precip_probability.attributes.unit_of_measurement'
                          + ' chance of rain'
                    ]
                 }
              }

Nope, not working at all.
Any chance you give the entire example (including some sample camera url)?

Also I have dynamic colors depends on value, like below. How it can be refreshed as well?

customStyles: function(item, entity){
                     if (Number(entity.state) > 2) {
                     return {'color': 'red',
            			 };

Thaaaanks!

Hello all wondering if someone can help here. Been configuring tileboard for a couple of days here and run into a couple of styling issues I just can’t seem to resolve. I am trying to configure it for mobile and followed all the instructions for the semi-responsive design and while it works for the most part I have a couple of things I want to correct.

  1. Is there anyway to make sure the single group on a page would always be center aligned on screen? I have tried some different methods for this but can’t get it to work.
  2. How can I hide the group titles area. Not just the name itself but actually hide the group title area so my entities don’t have a space above them.
  3. I have noticed the spacing at the top of each page (between the top of the page and the entities them selves) doubles with the addition of each page. Any idea whats going on there or how to fix it? (see the images below)

Can a dashboard created in node-red be incorporated as a tile?

You need to make sure that sensors are defined in HA. Open dev-tools and go through the entities.

Use IFRAME tile.

1 Like

You would obviously need to return colour other than red for the else condition.