Nerwyn/service-call-tile-feature

Plain showing of entity states

Closed this issue · 1 comments

Is your feature request related to a problem? Please describe.
I really like the possibilities of tile features because of the smooth layout the make possible. Using a vertical stack of cards to combine different entities for the same device leads optical to a division into several cards.

Bildschirmfoto_2024-11-11_08-28-17

I use the custom:multiple-entity-row as tile feature, which is only possible by editing inside the code editor at the moment and this is very buggy as well. So I would prefer using the visualeditor in the way how i can add sliders and buttons and so on, but with a visual editor to get a smooth one card layout like this:

Bildschirmfoto_2024-11-11_08-19-45

Describe the solution you'd like
Add another custom feature type, which can be used to show additional entity states in one single tile card. Best would be if several entities per custom feature row can be shown (e. g. the Temperature row at the screenshot.) but although a single entity state per row would fine.

Describe alternatives you've considered
As I wrote above I user custom:multiple-entity-row at the moment, but only can achieve with many hacks inside the code-editor.

And I although did an approach using your buttons without tap action. But i'm not sure how to style them best.

Bildschirmfoto_2024-11-11_09-40-56

I'm going to forego adding this as a custom feature, because as you said you can style buttons to get almost the same result.

image

type: custom:service-call
entries:
  - type: button
    label: Temperature
    icon: mdi:thermometer
    styles: |-
      :host {
        flex-direction: row;
        flex-basis: 400%;
        justify-content: left;
        gap: 24px;
        margin-left: 12px;
      }
      .label {
        width: unset;
      }
    autofill_entity_id: false
  - type: button
    entity_id: sensor.downstairs_indoor_temperature
    styles: |-
      .label {
        text-align: center;
      }
    label: |-
      Indoors
      {{ value }}{{ unit }}
    unit_of_measurement: " °F"
  - type: button
    entity_id: sensor.upstairs_thermostat_current_temperature
    styles: |-
      .label {
        text-align: center;
      }
    label: |-
      Upstairs
      {{ value }}{{ unit }}
    unit_of_measurement: " °F"
  - type: button
    entity_id: sensor.downstairs_outdoor_temperature
    styles: |-
      .label {
        text-align: center;
      }
    label: |-
      Outdoors
      {{ value }}{{ unit }}
    unit_of_measurement: " °F"
styles: |-
  :host {
    --color: transparent;
    --md-ripple-pressed-color: transparent;
    --md-ripple-hover-color: transparent;
  }