TileBoard - New dashboard for Homeassistant

I knew that nobody ever reads README and Wiki yet we did it anyway.

Option 1:

  /* slides: A list of slide images to use for the background
   * Currently a maximum of 3 slides are supported
   */
     slides: [
       {bg: 'images/bg1.jpeg'},
       {bg: 'images/bg2.png'},
       {bg: 'images/bg3.png'}
     ]

Option 2:

  /* bg: Link to a background image for the tile
   */
  bg: '...'

  /* bgSuffix: Same as bg, but with the serverUrl included */
  bgSuffix: '...',

  /* bgOpacity: A decimal between 0 and 1 for the background opacity */
  bgOpacity: 0.5,
1 Like

Beautiful! Thanks for sharing.

I am sorry for this inconvenience. I actually read that part of the wiki before asking you here. The reason for that was that the example and description given did not make me understand what I need to do due to lack of javascript knowledge (the example in the wiki says “‘@attributes.entity_picture’”, which I did not understand). So in the end I was not even sure if this would solve what I was looking for, hence my request above if you could give me an example for a better understanding. And I really do appreciate very much that you made this project publicly available to us AND still invest time explaining us the details…

so I ended up getting it to work by adding the required background images into tileboards “images” folder (in my case it was /config/www/tileboard/images ) and by adding the parameter "bg: ‘…’ " to each required tile; In my case it looks like this:

                   {
                   position: [0, 2.5],
                   type: TYPES.SCRIPT,
                   width: 0.66,
                   height: 0.5,
                   id: 'script.workout_music',
                   bg: 'images/playlist_workout.jpeg',
                   state: false
                },

in case someone else is interested in doing something similar

2 Likes

From I can remember, someone already asked for a way to ignore an entity which is not always on. In this case we get the annoying message “entity not found”. In my case it is a PiCorePlayer. Then, I think resoai asked for that person to open a ticket in github, but I could not find it. I also took a look in Wiki and Readme, since I know it is getting populated, but had no success. So I’m asking here: Is there a way to ignore 'entity not found"?

Just add ignoreErrors: true to the root of CONFIG if you have the latest code

Updating now. Thanks.

Sorry but I couldn’t get it to work. Error is still present.
Justo to clarify, I understand as “root” as being placed between “var CONFIG = {” and “pages: [”.
And yes, I updated to the latest code.
No cache problem.

var CONFIG = {
   ignoreErrors: true
}

https://github.com/resoai/TileBoard/issues/127

1 Like

This is great thank you! However, when I try to follow this implementation there is an error that says “Uncaught reference error” and refers to to the tiles that I define in one of the tiles files.
It looks like the variable is not initialized.
Is there a particular order when the files need to get loaded? Am still learning JS so any help would be appreciated!

RS

Just to let everyone know, I’m taking a long overdue vacation and will have very little to no internet access for the next 16 days.

1 Like

You could also define a tile as a variable without id and bg and reuse it multiple times:

var playlist = {
   position: [0, 2.5],
   type: TYPES.SCRIPT,
   width: 0.66,
   height: 0.5,
   state: false
 };
...
},
angular.merge(playlist, {
       id: 'script.workout_music',
       bg: 'images/playlist_workout.jpeg'
}),
{
...
2 Likes

Yes all tiles files before pages and pages files before config.js.

Thats what I did. Strange, the tiles dont get loaded. However, if I place the tiles in the page script files it works. Any ideas?
thx

Just open browser’s web developer console and see what the error says.

Enjoy your break mate.

1 Like

Enjoy your vacation

1 Like

Thanks guys!

Thanks for your help and generosity.
It is good to disconnect from technology sometimes.
Have a nice time!

@Marauder2 Did you ever figure the best way to shift things down?

Did you ever try getting Google Calendar into Tileboard?