Bonsoir @Placidy,
Merci beaucoup pour ton partage !
Malheureusement je ne comprends pas comment tu créer une image d’1 pixel ?
Quand je copie colle ton code (en modifiant mes entités) je n’ai pas le % du coup.
Merci par avance pour tes explications
Salut, l’image d’1 pixel te permet de faire un carré, du coup ton pourcentage est au centre !
Copie cette image dans le dossier www de ta config
image: /local/1px.png
Montre un imp écran de ton problème @Bastinou250
@Placidy merci pour ta réponse
Voici le résultat,
j’ai mis l’image tel quel dans le répertoire comme ci dessous :
Il faut mettre ton image dans le dossier www soit config/www et sur la cartelove le lien est bien /local/1px.png. Je sais c’est bizarre !
Ah effectivement en créant un dossier « www » ça marche ! Merci beaucoup @Placidy , mais c’est vrai que c’est bizarre XD
Bonjour a tous,
Nouveau sur ce super forum je me suis lance dans home assistant depuis quelques jours le sujet des volets m’intéresse et je me suis permis de prendre le code de Placidy que je remercie au passage pour sont travail il fonctionne très mais je m’ai qu’une fermeture de volet au lieu des quatre comme sur la photo lovelace Volets et je ne comprends pourquoi.
Si une personne pourrais m’aider a comprendre.
Merci d’avance
Cordialement
Salut @filtre , bienvenue sur ce forum.
Pour ta question : il faut adapter ton code à tes volets !
Pour chaques volets, tu auras au minima ce code, ou il faudra modifier les entity, les icon, les position.
C’est une grille (grid) avec 6 colonnes, soit 5 button et un picture-elements (à la fin) pour le pourcentage :
- type: grid
cards:
- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.rollersalon
hold_action:
action: none
- type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.rollersalon
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false
- type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id: cover.rollersalon
icon: mdi:pause
name: Stop
show_name: false
- type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id: cover.rollersalon
icon: mdi:arrow-down-bold
name: Fermer
show_name: false
- type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id: cover.rollersalon
icon: mdi:weather-sunset-up
name: Soleil
show_name: false
- type: picture-elements
image: /local/1px.png
elements:
- type: state-label
entity: cover.rollersalon
attribute: current_position
suffix: '%'
tap_action:
action: more-info
style:
top: 50%
left: 50%
font-size: 16px
font-weight: bold
color: '#44739E'
view_layout:
position: sidebar
square: true
columns: 6
Bonjour Placidy merci de ta réponse
Bon c’est un peux du chinois pour moi mais si j’ai bien compris je dois faire un truc comme sa:
mais quand je veux rajouter un volet je le mais a la suite de ce script?
Désole je ne suis trop doué
Merci
type: grid
cards:
- type: grid
cards:- type: button
show_name: false
icon: mdi:window-shutter
show_state: false
show_icon: true
hold_action:
action: none
tap_action:
action: more-info - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Ouvrir
icon: mdi:arrow-up-bold - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Stop
icon: mdi:pause - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Fermer
icon: mdi:arrow-down-bold - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id:
- cover.volet_salon
show_name: false
name: Soleil
icon: mdi:weather-sunny
columns: 6
square: true
- type: button
- type: markdown
content: Tous les volets de la Maison - type: grid
cards:- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.volet_salon
hold_action:
action: none - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:pause
name: Stop
show_name: false - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:arrow-down-bold
name: Fermer
show_name: false - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id: cover.volet_salon
icon: mdi:weather-sunset-up
name: Soleil
show_name: false - type: picture-elements
image: /local/1px.png
elements:- type: state-label
entity: cover.volet_salon
attribute: current_position
suffix: ‹ % ›
tap_action:
action: more-info
style:
top: 50%
left: 50%
font-size: 16px
font-weight: bold
color: ‹ #44739E ›
view_layout:
position: sidebar
square: true
columns: 6
- type: state-label
- type: button
Ou je dois faire comme un dèrriere l’autre?
type: grid
cards:
- type: grid
cards:- type: button
show_name: false
icon: mdi:window-shutter
show_state: false
show_icon: true
hold_action:
action: none
tap_action:
action: more-info - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Ouvrir
icon: mdi:arrow-up-bold - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Stop
icon: mdi:pause - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id:
- cover.volet_salon
show_name: false
name: Fermer
icon: mdi:arrow-down-bold - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id:
- cover.volet_salon
show_name: false
name: Soleil
icon: mdi:weather-sunny
columns: 6
square: true
- type: button
- type: markdown
content: Tous les volets de la Maison - type: grid
cards:- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.volet_salon
hold_action:
action: none - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:pause
name: Stop
show_name: false - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id: cover.volet_salon
icon: mdi:arrow-down-bold
name: Fermer
show_name: false - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id: cover.volet_salon
icon: mdi:weather-sunset-up
name: Soleil
show_name: false - type: picture-elements
image: /local/1px.png
elements:- type: state-label
entity: cover.volet_salon
attribute: current_position
suffix: ‹ % ›
tap_action:
action: more-info
style:
top: 50%
left: 50%
font-size: 16px
font-weight: bold
color: ‹ #44739E ›
view_layout:
position: sidebar
square: true
columns: 6
- type: state-label
- type: button
type: grid
cards:
- type: grid
cards:- type: button
show_name: false
icon: mdi:window-shutter
show_state: false
show_icon: true
hold_action:
action: none
tap_action:
action: more-info - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id:
- cover.volet_cuisine
show_name: false
name: Ouvrir
icon: mdi:arrow-up-bold - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id:
- cover.volet_cuisine
show_name: false
name: Stop
icon: mdi:pause - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id:
- cover.volet_cuisine
show_name: false
name: Fermer
icon: mdi:arrow-down-bold - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id:
- cover.volet_cuisine
show_name: false
name: Soleil
icon: mdi:weather-sunny
columns: 6
square: true
- type: button
- type: markdown
content: Tous les volets de la Maison - type: grid
cards:- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.volet_salon
hold_action:
action: none - type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.volet_cuisine
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false - type: button
tap_action:
action: call-service
service: cover.stop_cover
service_data: {}
target:
entity_id: cover.volet_cuisine
icon: mdi:pause
name: Stop
show_name: false - type: button
tap_action:
action: call-service
service: cover.close_cover
service_data: {}
target:
entity_id: cover.volet_cuisine
icon: mdi:arrow-down-bold
name: Fermer
show_name: false - type: button
tap_action:
action: call-service
service: cover.set_cover_position
service_data:
position: 20
target:
entity_id: cover.volet_cuisine
icon: mdi:weather-sunset-up
name: Soleil
show_name: false - type: picture-elements
image: /local/1px.png
elements:- type: state-label
entity: cover.volet_cuisine
attribute: current_position
suffix: ‹ % ›
tap_action:
action: more-info
style:
top: 50%
left: 50%
font-size: 16px
font-weight: bold
color: ‹ #44739E ›
view_layout:
position: sidebar
square: true
columns: 6
- type: state-label
- type: button
Comme ceci (exemple avec deux boutons pour 2 lignes) :
type: vertical-stack
cards:
# Début ligne 1
- type: grid
cards:
# Bouton avec état volet
- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.VOLET1
hold_action:
action: none
# Bouton ouvrir volet
- type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.VOLET1
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false
#METTRE ICI LES 4 AUTRES BOUTONS
#Fin pour créer les boutons carrés et 6 colonnes
square: true
columns: 6
# Fin ligne 1
# Début ligne 2
- type: grid
cards:
# Bouton avec état volet
- type: button
show_name: false
show_icon: true
icon: mdi:sofa-single-outline
show_state: false
tap_action:
action: more-info
entity: cover.VOLET2
hold_action:
action: none
# Bouton ouvrir volet
- type: button
tap_action:
action: call-service
service: cover.open_cover
service_data: {}
target:
entity_id: cover.VOLET2
icon: mdi:arrow-up-bold
name: Ouvrir
show_icon: true
show_name: false
#METTRE ICI LES 4 AUTRES BOUTONS
#Créer les boutons carrés et 6 colonnes
square: true
columns: 6
# Fin ligne 2
Bonjour,
Je te remercie de ton aide je vais essaye de le faire et je te tiens au courant.
Encore grand merci
1 « J'aime »
Re,
J’ai réussi a refaire ton model que tu as posté mais désolé pourquoi il me manque le reste?
Si j’essaye de rajouter un autre code pour mettre mes autres volets il me dit erreur.
il faut rajouté une autre grille dans la grille?
Merci
Perso, je préfère avoir quelques choses de plus uniforme ( j’aime pas les boutons séparer pour le même store)
Code au besoin :
state_color: true
type: entities
entities:
- entity: cover.store
secondary_info: last-changed
- entity: cover.store
type: custom:slider-entity-row
step: 5
min: 0
max: 100
grow: true
full_row: true
2 « J'aime »
Re enfin j’ai réussi grand merci Placidy de l’aide que tu portes et surtout de ta patience.
Salut roumano c’est gentil pour ton code.
@++ pour d’autre aide
1 « J'aime »
Le 1px à été créé pour le thème sombre, à modifier pour le thème clair !
Bonjour Placidy
Oui pour l’instant je crée, je ne suis pas doué et j’essai de comprendre ce qui est difficile pour moi.
Quand j’aurai fini intégré tous je passerai sur le mode sombre.
j’ai une question qui n’ai pas le sujet des volets comment crée les petits icones des la prise comme sur ta photo.
Merci
C’est tout simple : sur le tableau de bord, cliques sur les 3 points verticaux en haut à droite / Modifier le tableau de bord / cliques ensuite sur le crayon de l’onglet où tu veux mettre une icône / dans paramètres choisis l’icône mdi:power-socket-eu
Salut,
Merci de ta réponse et de ton aide.
@+++
Cordialement
1 « J'aime »
Mais… Le soleil il bouge… Est ce qu’il y a un tracking solaire ?
Si tu cherches à définir la position de ton volet par rapport à la position du soleil, je pense que tu peux t’inspirer de ce tuto https://forum.hacf.fr/t/automatiser-ses-volets-roulants-en-fonction-du-soleil-ete-hiver/1061 mais oui, le soleil bougeant (élévation+azimuth), pour avoir une position de volet optimale, ça se calcule 
1 « J'aime »