Hi @resoai it looks amazing.
Do you know if I can do something similar (like the image) with a custom button-card?
Hi @resoai it looks amazing.
Do you know if I can do something similar (like the image) with a custom button-card?
I suggest you to check in button-card thread, there’s a lot of different styles that people posted…
@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
Nevermind, I had the wrong type: set to TYPES.CAMERA instead of TYPES.CAMERA_THUMBNAIL.
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
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.
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.
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…
hi @resoai & Community
i have also setup the tileboard, after many hours of study 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.
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
on Tileboard it’s stretch the cover, same with other stations
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
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.
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?
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
hi,
did you solve this problem?
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
I cant find the code in your repository. Can you please share it?
hi i reply to myself, i found a way that’s not perfect but for the moment is it enough for me
i have set now the TYPE.MEDIA_PLAYER without bgsuffix and then i have insert a Tile IMAGE and insert the bgsuffix on this, and for the TRANSPARENT Problem i have setup : customTheme: null and then setup all Tiles with theme: ITEM_TRANSPARENT, so this is the code now for everyone with same problem:
i have inserted this after Position of the TILES
theme: ITEM_TRANSPARENT,
with ITEM_NULL or null it dosen’t work i have try
Hi, this is what i use in my js file.
Just translate the states fields.
ALARMPANEL_TILE = {
position: [0, 0],
width: 2,
height: 2,
type: TYPES.ALARM,
title: 'Alarm',
id: 'alarm_control_panel.ha_alarm',
icons: {
disarmed: 'mdi-bell-off',
pending: 'mdi-bell',
armed_home: 'mdi-bell-plus',
armed_away: 'mdi-bell',
triggered: 'mdi-bell-ring'
},
states: {
disarmed: 'Uitgeschakeld',
pending: 'Wordt ingeschakeld',
armed_home: 'Thuis',
armed_away: 'Ingeschakeld',
triggered: 'Gaat af'
}
}
Just managed do do it. Thank you
Is it possible to change the icon colour using customStyles? I’d like one of my icons to change colour depending on its state.
If you know how to use css - example
.item.-th-alarm.-armed {
background-color: red;
color: green;
}
How would that get set from customStyles though?
Would it be:
CustomStyles: function(item, entity){
return { '.item.-th-alarm.-armed': entity.state === 'on' ? '{background-color: red;color: green;}' : '<somethingelse>'
}