This is what I have now.
There’s the yaml for it below
What I want is to take the middle spot in the first row and make it twice as wide. then shift everything over in the grid.
Desired Result: first row has one normal button, one wide one (the one in the second position). the rest of the rows are rows of three
square: false
type: grid
cards:
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_power
- type: custom:mushroom-template-card
view_layout:
grid-column: span 2
icon: mdi:temperature-fahrenheit
features_position: bottom
primary: Temp
secondary: "{{states('input_text.current_ac_temp')}}"
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_cool
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_auto_fan
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_temp_up
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_up
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_only
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_temp_down
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_down
- type: custom:mushroom-entity-card
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_energy_saver
columns: 3
grid_options:
columns: full
rows: 4
This is what AI crapped out
type: custom:layout-card # <-- THE NEW FIRST LINE
card:
type: custom:layout-card
layout_type: custom-layout
layout:
grid-template-areas: |
"c1 c2 c2"
"c4 c5 c6"
"c7 c8 c9"
"c10 c11 c12"
grid-template-columns: 1fr 1fr 1fr
cards:
- type: custom:mushroom-entity-card
view_layout:
grid-area: c1
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_power
- type: custom:mushroom-template-card
view_layout:
grid-area: c2
icon: mdi:temperature-fahrenheit
features_position: bottom
primary: Temp
secondary: "{{states('input_text.current_ac_temp')}}"
- type: custom:mushroom-entity-card
view_layout:
grid-area: c4
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_cool
- type: custom:mushroom-entity-card
view_layout:
grid-area: c5
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_auto_fan
- type: custom:mushroom-entity-card
view_layout:
grid-area: c6
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_temp_up
- type: custom:mushroom-entity-card
view_layout:
grid-area: c7
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_up
- type: custom:mushroom-entity-card
view_layout:
grid-area: c8
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_only
- type: custom:mushroom-entity-card
view_layout:
grid-area: c9
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_temp_down
- type: custom:mushroom-entity-card
view_layout:
grid-area: c10
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_fan_down
- type: custom:mushroom-entity-card
view_layout:
grid-area: c11
primary_info: name
secondary_info: last-changed
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
entity: script.ac_energy_saver
columns: 3
grid_options:
columns: full
rows: 4
That actually renders something. It renders it as two rows, not what I want but at least it renders something. I don’t need it to be nested, it didn’t work when it wasn’t. But it sort-of-works when it does.
Any suggestions?
