Hello community,
I would need to add 2 custom pic shutter card on a “picture-elements”.
The 2 custom pic shutter card need to have different size (each one with its own height & width).
I have tried this code without succss.
The .type-custom-pic-shutter-card
seems to be a global parameter and not apply by ‘custom pic-shutter-card’.
- title: Test
path: Test
cards:
- type: custom:layout-card
layout_type: grid
cards:
- type: picture-elements
view_layout:
grid-area: plan_0
image: /local/images/tmp.png
elements:
- type: custom:pic-shutter-card
style:
top: 10%
left: 10%
entities:
- entity: cover.volet_musique
offset: 15
frame_window_pic: /local/community/pic-shutter-card/bay_white_1.png
shutter_min_position: 0
shutter_top: 13
shutter_left: 0
shutter_max_position: 79
shutter_width: 80
shutter_height: 140
shutter_pic_height: 100
buttons_position: not show
card_mod:
style: |
.type-custom-pic-shutter-card {
width: 50px !important;
height: 90px !important;
background-color: transparent;
}
- type: custom:pic-shutter-card
style:
top: 10%
left: 40%
entities:
- entity: cover.volet_musique
offset: 15
frame_window_pic: /local/community/pic-shutter-card/bay_white_1.png
shutter_min_position: 0
shutter_top: 13
shutter_left: 0
shutter_max_position: 79
shutter_width: 80
shutter_height: 140
shutter_pic_height: 100
buttons_position: not show
card_mod:
style: |
.type-custom-pic-shutter-card {
width: 77px !important;
height: 129px !important;
background-color: transparent;
}
layout:
grid-template-columns: auto
grid-template-areas: |
"plan_0"
I would need that the first item is 50x90
How can I proceed ?
Regards