Improving entities display for covers?

Configuration Frontend
1

image

I have a bunch of blinds which I display on a main “control” page like this. The names are things like “Dining Room North Blind” and the like, but as you can see, that’s too long to reasonably fit.

Is there some way to get these to display as two lines, or to display as secondary info but retain the blind controls in the entity row?

2

An entities card will display the entity ID underneath the name of the entity:

image

How useful that is will depend on how descriptive your entity IDs are. :grin:

3

This is how I have mine displayed:

image
image1128×658 26.2 KB

image

Custom cards using the new Sections view.

code 
type: custom:stack-in-card
cards:
  - type: custom:mushroom-cover-card
    entity: cover.lounge_west_roller_shutter
    fill_container: false
    show_position_control: true
    show_buttons_control: true
  - type: custom:mushroom-cover-card
    entity: cover.lounge_centre_roller_shutter
    fill_container: false
    show_position_control: true
    show_buttons_control: true
  - type: custom:mushroom-cover-card
    entity: cover.lounge_east_roller_shutter
    fill_container: false
    show_position_control: true
    show_buttons_control: true
4

i use custom:slider-button-card

which gives me this:
image

i like being able to pick a position directly. although you gotta get used to it be horizontal. it can be configured to be vertical, but that looked and felt wonky.

1 Like
5

I use button cards

image
image846×304 45.4 KB

6

The mushroom cards I use do this as well by tapping / clicking the button the right which swaps the input to a slider

image

1 Like
7

I settled on the Mushroom card approach:

image

I needed to use card mod to get the right effect though:

  - type: custom:stack-in-card
    title: Blinds
    mode: vertical
    card_mod:
      style: |
        ha-card {
            margin: 1px;
            border-width: 1px;
            --stack-card-gap: 0;
        }
    cards:
    - type: custom:mushroom-cover-card
      show_buttons_control: true
      show_position_control: true
      entity: cover.cover_diningroom_middleblind_motor
      card_mod:
        style: |
          ha-card {
              border-style: none;
          }
    - type: custom:mushroom-cover-card
      show_buttons_control: true
      show_position_control: true
      entity: cover.cover_diningroom_mdleastblind_motor
      card_mod:
        style: |
          ha-card {
              border-style: none;
          }

I generate my dashboards with Python so this is actually all automated (give or take copy pasting the YAML in).