Open Mariusthvdb opened 5 years ago
HI I am trying to set border radius : 12px on an image on a tile, but it doesn't show. I've tried
border: radius: 12px
in the entity config, and also
--tiles-border-radius: 12px
in the templates for background and style on the entity.
Border does round nicely in the global setting, but as said I also want to round the corners of the image on the tile itself.
this is my tile:
type: custom:tiles-card card_settings: title: Family columns: 3 row_height: 100px # padding: 10px global_settings: background: image_size: 75px border: radius: 12px # <<----- works fine entities: - entity: device_tracker.life360_name border: radius: 12px <<---- doesnt work templates: background: > if (state === 'home' || state === 'not_home') return 'url(\"/local/tiles/family/name_' + state + '.png\"); --tiles-border-radius: 12px'; <<----- radius doesn't work (the rest is perfect) return 'url(\"/local/tiles/family/name_' + entities['sensor.name_location_picture'].state + '.png\")'; style: > if (state === 'home') return 'background-color: #008000'; if (state === 'not_home') return 'background-color: #808080'; return 'background-color: #643aac'; more_info: group.name
HI I am trying to set border radius : 12px on an image on a tile, but it doesn't show. I've tried
in the entity config, and also
in the templates for background and style on the entity.
Border does round nicely in the global setting, but as said I also want to round the corners of the image on the tile itself.
this is my tile: