Tooltip, bzw Funktionsbeschreibung für Schalter

Home Assistant
1

Hallo Zusammen,

ich habe im Haupt Dashboard unter anderem ein paar Kachelkarten mit Schaltern, mit denen einige Dinge in Automationen beeinflusst werden wzB. Lüften, oder Besuch.

Wenn z.B. Lüften an geschalten ist, fahren die Rollladen im Erdgeschoss nur soweit herunter, dass sie noch einen Spalt offen sind. Die Rollladen im Obergeschoss bleiben geöffnet.

Da meine Familie sich das aber nicht merken kann/will und ich auch manchmal erst wieder schauen muss, was da passiert, hätte ich gerne eine Funktionsbeschreibung hinterlegt, die dann angezeigt werden kann.

Im Prinzip so etwas wie ein Tooltip, wenn man mit der Maus darauf zeigt, wird angezeigt was im Tooltip steht.

Weiß jemand ob es so etwas gibt, bzw. wie ich eine Beschreibung hinterlegen kann?

Vielen Dank im Voraus und viele Grüße
Ingo

2

such mal im HACS nach browser-mod da kannst du eventuell Popup`s dazu missbrauchen!?

3

habe eben die KI befragt. die ersten beiden Vorschläge haben nicht funktioniert, der dritte schon:

image

Mushroom-Template-Card

type: custom:mushroom-template-card
entity: light.wohnzimmer
primary: Wohnzimmer
icon: mdi:lightbulb
tap_action:
  action: toggle
card_mod:
  style: |
    ha-card {
      position: relative; /* Basis für den Tooltip */
    }
    ha-card:hover::after {
      content: "Schaltet das Wohnzimmerlicht ein/aus";
      position: absolute;
      left: 12px;
      top: -8px;
      transform: translateY(-100%);
      background: rgba(0, 0, 0, 0.85);
      color: #fff;
      padding: 6px 8px;
      border-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
      pointer-events: none;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
      z-index: 10;
    }

Tile Card

type: tile
entity: light.wohnzimmer
name: Wohnzimmer
icon: mdi:lightbulb
tap_action:
  action: toggle
card_mod:
  style: |
    ha-card {
      position: relative; /* Basis für den Tooltip */
    }
    ha-card:hover::after {
      content: "Schaltet das Wohnzimmerlicht ein/aus";
      position: absolute;
      left: 12px;
      top: -8px;
      transform: translateY(-100%);
      background: rgba(0, 0, 0, 0.85);
      color: #fff;
      padding: 6px 8px;
      border-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
      pointer-events: none;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
      z-index: 10;
    }
4

Hi, wenn du die custom-button-card nutzt, könntest du den confirmation-Dialog zweckentfremden. Dann kommt immer eine Nachfrage bevor das Licht im Bespiel eingeschalten wird.

type: custom:button-card
name: Licht einschalten
icon: mdi:lightbulb
tap_action:
  action: call-service
  service: light.turn_on
  service_data:
    entity_id: light.wohnzimmer
  confirmation:
    title: "Bestätigung erforderlich"
    message: "Das Licht wird erst eingeschaltet, wenn es dunkel ist!"
    yes: "Ja"
    no: "Nein"

Über eine button Card in HA geht das auch, aber da kannst du leider keinen Text mit einfügen. Nur reine Bestätigung ist möglich.

type: button
name: Licht an
icon: mdi:lightbulb
tap_action:
  action: call-service
  service: light.turn_on
  service_data:
    entity_id: light.wohnzimmer
  confirmation: true
5

Vielen Dank für Eure Mühe,
Ich schaue mal was ich daraus mache.

Viele Grüße
Ingo