TileBoard - New dashboard for Homeassistant

Share your Projects! Dashboards & Frontend
3120

Actually I saw your post and it absolutely inspired me, I was using iframe to include my floorplan kiosk card from lovelace and it was really heavy, especially for tablets.
So I decided to try to do it natively in Tileboard and this what came on few minutes later:

Using floorplan without lights as background.
Based on TYPES.IMAGE I’ve created custom TYPES.ROOM and made it full screen (my rooms with lights are the same sizes)
That’s it.

Next I will put invisible buttons over the rooms and all done.
Thanks for the idea!)

2 Likes
3121

Cool :slight_smile: so it works :slight_smile:
To be honest I was busy with other things and had no time to continue with this idea :slight_smile: but now definitely I must do it :slight_smile:
only one question … in which software have you made/painted such a nice 3D floorplan with such a good looking lights ?

3122

It’s Sweet Home 3D, I was really surprised to find there pretty advanced lighting options, recommended)

3123

thx … will give a try

3124

now works!! thank you…
without inserting all the variable lights, is it possible to count them all by default?

Thanks!!!

3125

That’s the final version of the page with transparent buttons:

BTW responds very quickly on old ipads…

3 Likes
3126

super cool :slight_smile: thx for sharing

3127

Hi @resoai it looks amazing.

image

Do you know if I can do something similar (like the image) with a custom button-card?

3128

I suggest you to check in button-card thread, there’s a lot of different styles that people posted…

3129

@HeyImAlex did you ever solve this? I have the exact same thing happening in my instance where the full screen camera streams work fine but tileboard is no longer updating/refreshing the main page. I know the CAMERA_STREAM type was deprecated recently, does it have to do with this at all? Any fix

3130

Nevermind, I had the wrong type: set to TYPES.CAMERA instead of TYPES.CAMERA_THUMBNAIL.

3131

New to TileBoard. New to JS. I have it working, and I have cameras and lights. One question, can I remove the text On and Off on the light tile. It seem redundant with the icon changing state. I tried to search, but did not see anything on this. Thanks

3132

I see you solved this.

Just to clarify: It’s not camera streams that were deprecated (TYPES.CAMERA_STREAM is fine), but camera thumbnails through TYPES.CAMERA_THUMBNAIL. The reason is that thumbnail images (which can be rather big) are sent directly as encoded base64 data through the websocket connection, which according to the HA devteam is not ideal (even though it is working fine). Streams are handled differently in the websocket API. Tileboard just asks HA for the stream URL and then does the rest on its own.

I don’t know what the HA guys have planned as a substitute for the old thumbnail API.

3133

Yeah the custom popups are done and I’m using them extensively in my TB mobile setup. But it seems to be a very niche feature, so I’m not sure if there’s enough interest in it to make a PR worthwhile.

3134

We had a discussion on more advanced popups starting here (click the grey github.com text; the big blue link only sends you to the PR):

I believe, a generic popup would be a significant step to get this done…

3135

hi @resoai & Community

i have also setup the tileboard, after many hours of study :slight_smile: Thank you for this wonderful Dashoboard i like it!

i have encorred 2 Problems that i don’t know how to resolve, i have search the whole internet but not find the right answer.

  1. TYPES.MEDIA_PLAYER : i hvae Sonos and setup this, it works and show me alos the entity picture artwork but the picture was so stretch that i can’t see anymore the information & SourceList and it don’t look so nice like them from HomeAssistant Lovelace Dashboard, see the pictures below.
    From Lovelace the icon of the Radio Station are on the right side
    hassio_media_player
    on Tileboard it’s stretch the cover, same with other stations
    tileboard_mediaplayer_cover

  2. I have setup the transparent theme and i have a Tile Switch and set background image if state changes:

customStyles: function(item, entity) {
                         if (entity.state === 'off') {
                             return { 'background-image': 'url("images/garage/garage_close.jpg")',
                             };
                              }else if (entity.state === 'on') {
                             return { 'background-image': 'url("images/garage/garage_open.jpg")',
                             };

but it show me the background image only if i use none or others than transparent
Tileboard_Transparanet_no_bgimage_on_tile

Thank you so much for a hint, i don’t have made any changes on css because i’m not so specialist like you, but if it’s the only possibility i hope you can clearifying how to do that.

3136

Hi,

I’m trying to navigate to a hidden page(custom tile), but I will get a white page. Does someone know how to fix this?

3137

Hi All,

First off, love the tileboard interface, looks amazing…

I was wondering if anyone had ever implemented a marquee card in tileboard at all - i have all the news in a array in a sensor, so thought i could have it scroll across an area - however, i have no idea how to do that, and i cannot see any reference to one, other than in the Lovelace UI…

Any pointers is appreciated.

Cheers

Jason

3138

hi,
did you solve this problem?

3139

Hello everyone!!

I would like that the TYPES.SWITCH execute their action (toggle something) and than execute a second function (javascript function). Is it possible?!

Thanks