TileBoard - New dashboard for Homeassistant

Share your Projects! Dashboards & Frontend
980

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
981

Beautiful! Thanks for sharing.

982

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
983

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"?

984

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

985

Updating now. Thanks.

986

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.

987 
var CONFIG = {
   ignoreErrors: true
}

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

1 Like
988

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

989

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
990

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
991

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

992

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

993

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

994

Enjoy your break mate.

1 Like
995

Enjoy your vacation

1 Like
996

Thanks guys!

997

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

998

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

999

Did you ever try getting Google Calendar into Tileboard?