Tag HA dashboard

This dashboard provides an overview of all OEPL tags in a masonry layout, showing the current content displayed on each tag.

Prerequisites

This dashboard requires two custom HACS frontend cards:

• auto-entities - Automatically generates cards for matching entities
• layout-card - Provides the masonry layout

Install both through HACS before proceeding.

Dashboard YAML

background: var(--background-image)
views:
  - title: OEPL Tags
    badges: []
    cards:
      - type: custom:auto-entities
        card_param: cards
        card:
          type: custom:layout-card
          layout_type: masonry
          layout:
            width: 300
            max_cols: 5
        filter:
          include:
            - entity_id: image.*_content
              options:
                type: picture-entity
                show_state: false
                show_name: true
        sort:
          method: friendly_name
    type: custom:grid-layout

What This Does

• Automatically discovers all tag image entities (image.*_content)
• Displays each tag's current screen content as an image card
• Sorts tags alphabetically by friendly name
• Arranges tags in a responsive masonry grid (up to 5 columns, 300px wide)

Customization Tips

Adjust column count

max_cols: 3  # Change from 5 to 3 for wider cards

Change card width

width: 400  # Increase from 300 for larger images

Filter specific tags

filter:
  include:
    - entity_id: image.kitchen_*_content  # Only kitchen tags

Different sort order

sort:
  method: last_changed  # Show recently updated tags first
  reverse: true