Skip to content

Latest commit

 

History

History
108 lines (86 loc) · 2.93 KB

README_popups.md

File metadata and controls

108 lines (86 loc) · 2.93 KB

UI-Lovelace-Minimalist popups

The basis for all these popups is button-card that allows for a great and individual styling. These popups are "responsive". That means the layout automatically fit the size of the screen.

Table of Content

Show table of content

Credits

  • Designed by schumijo and bavo (special thanks to him for his help on this development)).

Requirements

  • Minimalist UI
  • button-card (download for HACS)
  • Browser_mod (download for HACS)

Power outlet popup

Requirements

  • mini-graph-card (download for HACS)

Card compatibility

This popup is displayed using hold_action and it is compatible with the following cards/chips :

  • card_power_outlet

Variables

Variable Example Required Explanation
ulm_popup_power_outlet_sensor1 sensor.metered_power yes Sensor entity displayed on top left button
ulm_popup_power_outlet_sensor2 sensor.metered_electric_consumed yes Sensor entity displayed on top right button
ulm_popup_power_outlet_graph_sensor sensor.metered_power yes Sensor entity displayed on graph

How to use

To enable this popup, you need to add the popup_power_outlet template on your card. And also the previously explained variables.

For exemple :

- type: "custom:button-card"
  template:
    - card_power_outlet
    - popup_power_outlet
  variables:
    ulm_card_power_outlet_consumption_sensor: sensor.metered_wall_plug_switch_power_3
    ulm_popup_power_outlet_sensor1: sensor.metered_wall_plug_switch_power_3
    ulm_popup_power_outlet_sensor2: sensor.metered_wall_plug_switch_electric_consumed_kwh_2
    ulm_popup_power_outlet_graph_sensor: sensor.metered_wall_plug_switch_power_3
  entity: switch.metered_wall_plug_switch_2
  name: Prise téléphone

Light popup

Requirements

  • My Cards Bundle aka slider-card (download for HACS)
  • Light Entity Card (download for HACS)

Card compatibility

This popup is displayed using hold_action and it is compatible with the following cards/chips :

  • card_light

How to use

To enable this popup, you need to add the popup_light template on your card.

For exemple :

- type: "custom:button-card"
  template:
    - card_light
    - popup_light
  entity: light.cuisine