Carte Lovelace placement vertical

Entraide Home Assistant
1

placement entity lateralement (pas pile verticale)

J’ai réussi a me faire une carte pour la véranda que je suis assez content. J’aimerais juste mettre les deux ventilateur un a coter l’autre avec leur réglage de vitesse correspondante dessous.

J’ai essayer avec les pile horizontale et verticale, sa marche , par contre avec cette solutions j’ai des carte avec cadres. Sur ma version tout est sur une surface plus propre.

Capture d’écran 2021-04-04 162843
Capture d’écran 2021-04-04 162843507×734 22.8 KB

Voici le code:

type: entities
show_header_toggle: false
title: Véranda
entities:
  - entity: sensor.hue_motion_sensor_2_temperature
    type: 'custom:multiple-entity-row'
    name: Mesures
    icon: 'mdi:chart-bell-curve'
    show_state: false
    entities:
      - entity: sensor.hue_motion_sensor_2_temperature
        name: Temp
      - entity: sensor.multisensor
        name: hum
      - entity: sensor.hue_motion_sensor_2_light_level
        name: lux
  - type: 'custom:button-card'
    show_entity_picture: true
    state:
      - value: 'on'
        color: orange
        spin: true
    tap_action:
      action: toggle
    entity: fan.sonoff_1000b1e59f
    show_state: false
  - type: 'custom:button-card'
    show_entity_picture: true
    state:
      - value: 'on'
        color: orange
        spin: true
    tap_action:
      action: toggle
    entity: fan.sonoff_1000b1f266
    show_state: false
  - entity: fan.sonoff_1000b1e59f
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false
  - entity: fan.sonoff_1000b1f266
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false

Voila, merci de votre aide

2

Salut.

Personnellement j’arrive à associer les blocs avec une carte spéciale : stack-in-card

3

Je rejoins @Pulpy-Luke, si tu n’ajoute pas toi même le fait de garder l’ombre, de base la carte ne les affiche pas.

Tu prends tout ton code, et tu le mets dans une carte stack-in-card.

Tu as un exemple d’utilisation ici : https://forum.hacf.fr/t/carte-state-switch-card-mod/1171?u=clemalex

4

Bonjour,

Tu insères une Grid 2 colonnes dans laquelle tu place une horizontal stack, par exemple :

type: grid
cards:
  - type: horizontal-stack
    cards:
      - type: gauge
        entity: sensor.temperature_cuisine
        min: 0
        max: 100
  - type: entity
    entity: sensor.temperature_cuisine
columns: 2
square: false
5

Merci de votre aide…j’ai tester la fonction stack in card comme aussi le grid.

Le problème que j’ai - le ventilateur, les Icon, ne tourne pas au moment qu’il soit en marche! La commande state: spin n’est pas pris en charge dans la carte button. Dans la carte button-card oui, mais si je mets le button-card il sont de nouveau en dessous et pas a coter.

Que-ce que je fais faux?

6

Peux tu fournir le code de cette configuration ?

7

Voila le code:

type: entities
show_header_toggle: false
title: Véranda
entities:
  - entity: sensor.hue_motion_sensor_2_temperature
    type: 'custom:multiple-entity-row'
    name: Mesures
    icon: 'mdi:chart-bell-curve'
    show_state: false
    entities:
      - entity: sensor.hue_motion_sensor_2_temperature
        name: Temp
      - entity: sensor.multisensor
        name: hum
      - entity: sensor.hue_motion_sensor_2_light_level
        name: lux
  - type: grid
    cards:
      - type: horizontal-stack
        cards:
          - type: gauge
            entity: sensor.temperature_cuisine
            min: 0
            max: 100
      - type: entity
        entity: sensor.temperature_cuisine
    columns: 2
    square: false
  - type: 'custom:vertical-stack-in-card'
    title: null
    cards:
      - type: 'custom:button-card'
        show_entity_picture: true
        state:
          - value: 'on'
            color: orange
            spin: true
        tap_action:
          action: toggle
        entity: fan.sonoff_1000b1e59f
        show_state: false
      - type: 'custom:button-card'
        show_entity_picture: true
        state:
          - value: 'on'
            color: orange
            spin: true
        tap_action:
          action: toggle
        entity: fan.sonoff_1000b1f266
        show_state: false
  - type: 'custom:button-card'
    show_entity_picture: true
    state:
      - value: 'on'
        color: orange
        spin: true
    tap_action:
      action: toggle
    entity: fan.sonoff_1000b1e59f
    show_state: false
  - type: 'custom:button-card'
    show_entity_picture: true
    state:
      - value: 'on'
        color: orange
        spin: true
    tap_action:
      action: toggle
    entity: fan.sonoff_1000b1f266
    show_state: false
  - entity: fan.sonoff_1000b1e59f
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false
  - entity: fan.sonoff_1000b1f266
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false
8

:face_with_raised_eyebrow:

Si ca ne te dérange pas, je préfère partir du code du premier post… (je t’expliquerais pourquoi à la fin)

:sweat_smile:

Tu veux ça ?

image
image746×536 9.08 KB

Code de la carte 
type: 'custom:stack-in-card'
cards:
  - type: entities
    show_header_toggle: false
    title: Véranda
    entities:
      - entity: sensor.hue_motion_sensor_2_temperature
        type: 'custom:multiple-entity-row'
        name: Mesures
        icon: 'mdi:chart-bell-curve'
        show_state: false
        entities:
          - entity: sensor.hue_motion_sensor_2_temperature
            name: Temp
          - entity: sensor.multisensor
            name: hum
          - entity: sensor.hue_motion_sensor_2_light_level
            name: lux
  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        show_entity_picture: true
        state:
          - value: 'on'
            color: orange
            spin: true
        tap_action:
          action: toggle
        entity: fan.sonoff_1000b1e59f
        show_state: false
      - type: 'custom:button-card'
        show_entity_picture: true
        state:
          - value: 'on'
            color: orange
            spin: true
        tap_action:
          action: toggle
        entity: fan.sonoff_1000b1f266
        show_state: false
  - entity: fan.sonoff_1000b1e59f
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false
  - entity: fan.sonoff_1000b1f266
    type: 'custom:fan-control-entity-row'
    name: Speed
    customTheme: false

Pour en revenir à ton dernier code :
@Pulpy-Luke te propose stack-in-card et tu utilises vertical-stack-in-card :upside_down_face:
et depuis le premier post, tu as ajouté pas mal de lignes (je pense pour la mise au point) qui du coup polluent le code pour répondre à ta question initiale :sweat_smile:

Je comprends totalement le fait que tu testes (et tant mieux cela prouve que tu cherches de ton côté aussi :+1: ) mais il faut essayer de minimiser les erreurs d’incompréhension.

Bref ! J’espère t’avoir fournie la solution.

Pour expliquer brièvement, la carte stack-in-card permet (comme la carte vertical-stack-in-card :wink: ) de supprimer l’ombre des cartes qui l’a compose, donc on la met en première position et toutes les cartes qui sont à l’intérieures profitent des options par défaut, dont le masquage de l’ombre (box-shadow) :+1:

9

Super merci, je vais tester demain.
Je savais exactement quoi étais quoi dans mon code… hihi
Oui effectivement j’avais essayer beaucoup de choses, un peu trop sur le même tat.

En code je suis novice, donc j’essaye, je comprends, je copie, j’adapte et sa fonctionne ou pas.

Merci en tout cas

1 « J'aime »
10

:heart_eyes: :+1: :hacf_tuto:

11

Sa fonctionne tres bien MERCI.

Pour comprendre… j’avais aussi essayer avec le horizontal-stack, mais il ne voulais pas afficher. Je me rappele plus mais il me semble qu’il disait que ce n’etait pas pris en charge dans cette carte!

Sa pourrais venir de ou?

12

Sans code, difficile de répondre… si le problème revient, n’hésite pas à ouvrir un sujet :+1: