TileBoard - New dashboard for Homeassistant

Share your Projects! Dashboards & Frontend
2287

How did you get your Spotify to show up? Looks great!

2288

How I can fire event to open camera view?

2289

How to use templates for group titles?
I want to use the living room temperature next to the ‘Living room’ group title but the raw text is shown rather than the sensor value:

title: 'Living room &sensor.temperature_158d0001b920fc.state',

Expected to see ‘Living room 25’ or something similar but I see " Living room &sensor.temperature_158d0001b920fc.state"
tried also

title: 'Living room ' + '&sensor.temperature_158d0001b920fc.state',

still with no success…

2290

Is it possible to use other entity inside a function for item title?
I have a switch entity assigned to switch type item.
I want the item title to include an attribute from another entity.
I’ve tried using a function for it (without the condition for starter):

title: function (item, entity) { return '&media_player.receiver.attributes.source' },

But it doesn’t show the attribute value

2291

Hi @sagilo, not sure if this helps but I’m using a sensor tile to display temperature and humidity using something like to following:

{
    position: [0, 0],
    type: TYPES.SENSOR,
    title: 'Downstairs',
    state: false,
    subtitle: function() {
         return this.states['sensor.esphome_esp01_humidity'].state + '%';
    },
    id: 'sensor.esphome_esp01_temperature',
    filter: function (value) {
        var num = parseFloat(value);
        return num && !isNaN(num) ? num.toFixed(1) : value;
    }
}

Have a look at for example the subtitle attribute for combining sensor values with text.

2292

I have similar setup posted in different topic - Chromecast Radio with station and player selection

2293

Thanks! that worked for using an id inside a function, but still no go on the title function

2294

how do i get this to use my alarm?

{
position: [0, 1],
type: TYPES.ALARM,
//id: “alarm_control_panel.ring_alarm”,
id: { state: ‘disarmed’ }, // replace it with real string id
title: ‘Home Alarm’,
icons: {
disarmed: ‘mdi-bell-off’,
pending: ‘mdi-bell’,
armed_home: ‘mdi-bell-plus’,
armed_away: ‘mdi-bell’,
triggered: ‘mdi-bell-ring’
},
states: {
disarmed: ‘Disarmed’,
pending: ‘Pending’,
armed_home: ‘Armed home’,
armed_away: ‘Armed away’,
triggered: ‘Triggered’
}
this command disarms it “alarm_control_panel.alarm_disarm”

i am new to javascript but this stuff seems a bit basic i think i can learn by example

2295

LOVELACE v0.92 brings “camera_view: live” config to cards to enable a live stream to appear on the UI. Could similar be added to Tileboard?

2296

Hi,

Started looking into using Tileboard, and I think it’s an amazing dashboard. Thanks for this!

I was wondering if it is possible to somehow make a light switch/dimmer turn off when the slider is set to 0?
I have a working slider for my light switch, but if I slide it all the way down to 0, the switch is still seen as “On” in my dashboard(and HA), and I need to click the tile to switch it off.
Is there any way to make the tile/switch be set to “off” when the slider is set to 0?

Thanks

2297

No. Stream is not exposed to the API.

1 Like
2298

I am trying to load the following image in an iframe but it does not work:

              {
                 position: [1, 0],
                 type: TYPES.IFRAME,
                 id: {},
                 width: 3,
                 height: 3,
                 refresh: 10000, 
                 url: 'http://sirocco.accuweather.com/nx_mosaic_640x480_public/sir/inmasirva_.gif'
              }

Can you share with me the code you are using to display a internet hosted gif image?

2299

i have a sensor that sends over my beer level as an integeter

is there a way to add an icon?

do i need to import pictures from the material design page somewhere? https://materialdesignicons.com/cdn/1.0.62/

          {
          position: [0, 1],
          type: TYPES.SENSOR,
          title: 'Tap1',
          id: 'sensor.tap1',
          icon: 'mdi-beer',
          unit: '%', // override default entity unit
          state: false, // hidding state
          filter: function (value) { // optional
             var num = parseFloat(value);
             return num && !isNaN(num) ? num.toFixed(1) : value;
            }
          },
2300

how did you get the spotify picture to display what is playing?

2301

You need to add the following line inside the items

bgSuffix: '@attributes.entity_picture'

Then it will look like the following:

           title: 'Media',
           width: 2,
           height: 3.4,
           items: [
              {
                 position: [0, 0],
                 height: 3,
                 width: 3,
                 id: 'media_player.spotify',
                 type: TYPES.MEDIA_PLAYER,
                 hideSource: false,
                 hideMuteButton: false,
                 state: false,
                 subtitle: '@attributes.media_title',
                 bgSuffix: '@attributes.entity_picture'
              },
2302

Thank you!. Just answered this here

Best!

2304

Hey, I’m trying to pass the light value in RGB but with no luck. Any ideas?

customStyles: {'backgroundColor' : 'rgb(' + '&light.living.attributes.rgb_color' + ')'}

Thanks!

2305

how do you get a entity to show a picture? someone above had lights

2306

Sorry? Didn’t get it.

2307