# Cherche carte variateur horizontal

**URL:** <https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Created:** [Février 17, 2021, 9:51 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033 "2021-02-17T09:51:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![MoPepettes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mopepettes/32/4106_2.png) [@MoPepettes](https://forum.hacf.fr/u/MoPepettes)\
**Post date:** [Février 17, 2021, 9:51 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/1 "2021-02-17T09:51:28Z")

</div>

Hello, je me sens un peu con, je ne trouve pas de carte pour gérer les niveaux de luminosité mais en horizontal...

Par défaut c'est ça:

 ![image](https://forum.hacf.fr/uploads/default/original/2X/b/bac342eee392433ca71f0d3974d1b0aef23a21bc.png)

Je cherche un truc qui ressemble à ça:

 ![image](https://forum.hacf.fr/uploads/default/original/2X/1/1c75195bd48d2cd274b014a979aaa537510a9f44.png)

---

<div class="post-metadata">

**Author:** ![MoPepettes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mopepettes/32/4106_2.png) [@MoPepettes](https://forum.hacf.fr/u/MoPepettes)\
**Post date:** [Février 17, 2021, 11:01 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/2 "2021-02-17T11:01:01Z")

</div>

J’ai trouvé çà :

> **[GitHub - thomasloven/lovelace-slider-entity-row: 🔹 Add sliders to entity cards](https://github.com/thomasloven/lovelace-slider-entity-row)**
>
> 🔹 Add sliders to entity cards. Contribute to thomasloven/lovelace-slider-entity-row development by creating an account on GitHub.

Je pense que ça ira!

---

<div class="post-metadata">

**Author:** ![bougnier](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/b/a587f6/32.png) [@bougnier](https://forum.hacf.fr/u/bougnier)\
**Post date:** [Février 17, 2021, 2:23 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/3 "2021-02-17T14:23:11Z")

</div>

Si tu veux pousser un peu plus loin la personnalisation tu as ça :

> **[GitHub - bokub/rgb-light-card: 💡 A Lovelace custom card for RGB lights](https://github.com/bokub/rgb-light-card)**
>
> 💡 A Lovelace custom card for RGB lights. Contribute to bokub/rgb-light-card development by creating an account on GitHub.

Tu as pleins d’exemples là:

> **[💡 Lovelace: RGB light card](https://community.home-assistant.io/t/lovelace-rgb-light-card/143820/157)**
>
> Weird question maybe : But can i hook up an action when clicking a color? I have a full automated light setup, so if i click a color, it will turn-off within in a minute again. So i would like to switch the “light mode” to “Manual” when someone...

---

<div class="post-metadata">

**Author:** ![MoPepettes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mopepettes/32/4106_2.png) [@MoPepettes](https://forum.hacf.fr/u/MoPepettes)\
**Post date:** [Février 18, 2021, 6:20 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/4 "2021-02-18T06:20:55Z")

</div>

Merci! Mais c’est pour un fil pilote en fait, pas une lumière RGB. Je trouve difficile de manipuler le slider originel en arc de cercle, je voulais un truc horizontal, + facile à déplacer et ça prend moins de place sur le tableau de bord (j’en ai 9).

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 18, 2021, 6:28 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/5 "2021-02-18T06:28:09Z")

</div>

> [@MoPepettes](#):
>
> c’est pour un fil pilote

As tu pensé à des boutons avec appel de script ou directement du service ?

Personnellement, j'ai ça :

 ![2](https://forum.hacf.fr/uploads/default/original/1X/a571396b60193260c236d13a5cb8c2eae34ff1bf.png)

J'ai pas du tout envie de prendre plus d'une secondes pour choisir le mode 😉 (ni me rappeler quel % pour quel mode 😇)

---

<div class="post-metadata">

**Author:** ![MoPepettes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mopepettes/32/4106_2.png) [@MoPepettes](https://forum.hacf.fr/u/MoPepettes)\
**Post date:** [Février 18, 2021, 6:35 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/6 "2021-02-18T06:35:50Z")

</div>

Pas con! Tu as chopé ça où? Je n’utilise que deux modes, confort et eco, mais c’est carrément plus pertinent.

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 18, 2021, 7:00 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/7 "2021-02-18T07:00:45Z")

</div>

> [@MoPepettes](#):
>
> Tu as chopé ça où?

Dans ma tête 🙃

Plus sérieusement, c'est fait avec la fabuleuse extraordinaire irremplaçable (j'en fais trop ? C'est que cette carte est tellement 😍) carte de @RomRider :

> **[GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant](https://github.com/custom-cards/button-card)**
>
> ❇️ Lovelace button-card for home assistant

> **[Lovelace: Button card](https://community.home-assistant.io/t/lovelace-button-card/65981)**
>
> Button card Lovelace Button card for your entities. -\> github Features works with any toggleable entity 3 actions on tap toggle, more\_info and service state display (optional) custom color for on and off state (optional) custom state...

Dispo dans HACS...

La documentation est à lire plusieurs fois pour bien incorporer (dans notre cerveau 🧠) **toutes** les fonctionnalités...😇

---

<div class="post-metadata">

**Author:** ![Pierre\_Ma](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pierre_ma/32/670_2.png) [@Pierre\_Ma](https://forum.hacf.fr/u/Pierre_Ma)\
**Post date:** [Février 18, 2021, 2:53 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/8 "2021-02-18T14:53:17Z")

</div>

Il fait chaud dans ton salon Clemalex ! 😅

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 18, 2021, 3:37 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/9 "2021-02-18T15:37:41Z")

</div>

Je monte le chauffage suivant qui j’invite… 😇 😊

Plus sérieusement, j’ai repris images de la présentation de mon tableau de bord… C’est vrai qu’il faisait super bon fin octobre :

[https://forum.hacf.fr/t/mon-dashboard-clemalex/737](https://forum.hacf.fr/t/mon-dashboard-clemalex/737)

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 18, 2021, 4:19 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/10 "2021-02-18T16:19:55Z")

</div>

2 messages ont été fusionnés à un sujet existant : [🎨 [Mon Dashboard] - @Clemalex](https://forum.hacf.fr/t/mon-dashboard-clemalex/737/15)

---

<div class="post-metadata">

**Author:** ![Ioull](https://forum.hacf.fr/user_avatar/forum.hacf.fr/ioull/32/310_2.png) [@Ioull](https://forum.hacf.fr/u/Ioull)\
**Post date:** [Février 20, 2021, 5:58 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/11 "2021-02-20T17:58:53Z")

</div>

C’est super ce truc pour le fil pilote !  
Je cherche justement comment faire 😉 Si tu as un morceau de YAML à partager, je suis preneur !  
MERCI !

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 20, 2021, 6:12 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/12 "2021-02-20T18:12:03Z")

</div>

Je viens de partager des boutons sur ma présentation (lien plus haut).

C’est le même principe avec appel de script… 😇

---

<div class="post-metadata">

**Author:** ![Ioull](https://forum.hacf.fr/user_avatar/forum.hacf.fr/ioull/32/310_2.png) [@Ioull](https://forum.hacf.fr/u/Ioull)\
**Post date:** [Février 20, 2021, 9:57 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/13 "2021-02-20T21:57:38Z")

</div>

Merci !  
 ![image](https://forum.hacf.fr/uploads/default/original/2X/b/b4f67674965777e8872e8a43d2ff05e82cc28902.png)

Pour l'instant je pilote juste le brightness des lampes mais ca sera la mêe chose avec le fil pilote ! IJ'ai pas trop compris ton histoire d'appel de script, je fais ca pour chaque bouton :

```auto
tap_action:
  action: call-service
  service: light.turn_on
  service_data:
    brightness: 130
    entity_id: light.cdp_led_tele

```

Par contre il me reste à trouver comment faire pour colorer le mode sélectionné 😉 et rendre plus jolis les boutons !

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 20, 2021, 9:59 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/14 "2021-02-20T21:59:23Z")

</div>

> [@Ioull](#):
>
> J’ai pas trop compris ton histoire d’appel de script

Centraliser les commandes dans un script permet de ne modifier que ce script et non tout Lovelace.  
En plus de rendre possible l’appel de ce script par Google Assistant contrairement à une commande basique dans Lovelace, ainsi je peux controler mes modes par la voix en appelant les scripts 👍

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Février 21, 2021, 5:06 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/15 "2021-02-21T17:06:00Z")

</div>

> [@Ioull](#):
>
> Par contre il me reste à trouver comment faire pour colorer le mode sélectionné 😉 et rendre plus jolis les boutons !

j’ai mis un exemple dans ma présentation (utilisation de button-card mais on peut le faire sur des cartes natives mais avec card-mod) :

> [@art \[Mon Dashboard\] - @Clemalex](https://forum.hacf.fr/t/mon-dashboard-clemalex/737/19):
>
> Ouvre un fil de discussion en expliquant ce que tu veux +1 Ca permettra un meilleur référencement plutôt qu’ici… mais voici le code de mes boutons : [image] [image] 
> 
> > **Code de la carte (changement de couleur)**
> >
> > color: auto color\_type: icon entity: cover.volet\_rue\_2 icon: 'mdi:chevron-down' name: Descendre show\_icon: true show\_label: false show\_last\_changed: false show\_name: true show\_state: false styles: card: - border-radius: 10px - height: 75px - width: 75px - margin:…

---

<div class="post-metadata">

**Author:** ![Ioull](https://forum.hacf.fr/user_avatar/forum.hacf.fr/ioull/32/310_2.png) [@Ioull](https://forum.hacf.fr/u/Ioull)\
**Post date:** [Février 21, 2021, 11:42 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/16 "2021-02-21T23:42:43Z")

</div>

J’avais trouvé en fait ! Je le fait avec des input\_select !  
Et à défaut d’en faire un script comme suggéré, je le fait avec nodered ...

 ![image](https://forum.hacf.fr/uploads/default/original/2X/d/d4e86b95bcdc2464de8f202af0de6ee1f93d677c.jpeg)

---

<div class="post-metadata">

**Author:** ![MoPepettes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/mopepettes/32/4106_2.png) [@MoPepettes](https://forum.hacf.fr/u/MoPepettes)\
**Post date:** [Mars 2, 2021, 1:19 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/17 "2021-03-02T13:19:03Z")

</div>

Je me décide à tester le button card mais ça commence mal, la doc dit de copier du code dans `ui-lovelace-card.yaml` mais je ne trouve pas ce fichier. Il faut le créer?

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Mars 2, 2021, 1:36 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/18 "2021-03-02T13:36:23Z")

</div>

> [@MoPepettes](#):
>
> la doc dit de copier du code dans `ui-lovelace-card.yaml` mais je ne trouve pas ce fichier. Il faut le créer?

pas trop le bon endroit pour cette question 😉  
Non, la documentation indique comment intégrer la carte dans une configuration des tableaux de bord en YAML.

Si tu ne l’a pas et que tu ne vois pas ce que c’est, c’est que tu es encore en gestion des tableaux de bord par interface graphique (il y a pas de mal à ça, moi aussi d’ailleurs).

Fais l’ajout de la carte par HACS et c’est ce dernier qui va te l’ajouter dans les ressources (_Configuration → Tableaux de bord → Onglet RESSOURCES_).

En somme, tu n’as rien a faire après l’avoir installé (à part recharger le cache pour la charger).

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Mars 2, 2021, 1:47 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/19 "2021-03-02T13:47:43Z")

</div>

Un message a été scindé en un nouveau sujet : [Ou trouver les icones?](https://forum.hacf.fr/t/ou-trouver-les-icones/3296)

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Mars 2, 2021, 1:53 UTC](https://forum.hacf.fr/t/cherche-carte-variateur-horizontal/3033/20 "2021-03-02T13:53:19Z")

</div>

Un message a été fusionné à un sujet existant : [Ou trouver les icones?](https://forum.hacf.fr/t/ou-trouver-les-icones/3296/3)
