Hi there,
Using a standard “Sections” type dashboard for my mower, I see 2 columns but they do not take the full width as you can see (I’d like to use the space on the left of the History cards to have them widder).
any clue how to solve this ?
Why a 2 columns is not taking full width ?
Here is a picture and my code :
kiosk_mode:
admin_settings:
hide_header: false
hide_sidebar: false
user_settings:
- users:
- alessio
- flavia
- inès
hide_sidebar: false
- users:
- wallpanel
kiosk: true
views:
- type: sections
title: Tondeuse
sections:
- type: grid
cards:
- type: history-graph
entities:
- entity: sensor.s_batterie
- entity: sensor.s_erreur
- entity: binary_sensor.s_en_charge
- entity: sensor.s_puissance_du_signal
- entity: switch.s_mode_festif
hours_to_show: 36
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: grid
cards:
- type: custom:mushroom-entity-card
entity: sensor.s_batterie
fill_container: false
name: Pourcentage batterie
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.2);
}
- type: custom:mushroom-entity-card
entity: sensor.s_prochain_depart_programme
name: Prochaine tonte
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.2);
}
- type: custom:mushroom-entity-card
entity: binary_sensor.s_en_charge
fill_container: false
name: Etat batterie
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.2);
}
- type: custom:mushroom-entity-card
entity: sensor.s_distance_totale_parcourue
name: Distance totale parcourue
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.2);
}
- type: custom:mushroom-entity-card
entity: sensor.s_temperature_de_la_batterie
fill_container: false
name: Température batterie
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.2);
}
- type: heading
icon: ''
heading_style: title
- type: tile
grid_options:
columns: 12
rows: 1
entity: lawn_mower.s_2
name: Etat de Worx Tondeuse
show_entity_picture: false
hide_state: false
state_content: state
vertical: false
tap_action:
action: none
icon_tap_action:
action: none
features_position: bottom
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: custom:mushroom-template-card
primary: Tondre
secondary: ''
icon: mdi:play-circle-outline
entity: lawn_mower.s
tap_action:
action: perform-action
perform_action: lawn_mower.start_mowing
target:
entity_id: lawn_mower.s
data: {}
fill_container: false
multiline_secondary: false
hold_action:
action: none
double_tap_action:
action: none
icon_color: |-
{% if is_state('lawn_mower.s', 'docked') %}
green
{% else %}
black
{% endif %}
grid_options:
columns: 4
rows: 1
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: custom:mushroom-template-card
primary: Pause
secondary: ''
icon: mdi:pause-circle-outline
entity: lawn_mower.s
tap_action:
action: perform-action
perform_action: lawn_mower.pause
target:
entity_id: lawn_mower.s
data: {}
fill_container: false
multiline_secondary: false
hold_action:
action: none
double_tap_action:
action: none
icon_color: |-
{% if is_state('lawn_mower.s', 'docked') %}
black
{% else %}
green
{% endif %}
grid_options:
columns: 4
rows: 1
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: custom:mushroom-template-card
primary: Rentrer
secondary: ''
icon: mdi:home-import-outline
entity: lawn_mower.s
tap_action:
action: perform-action
perform_action: lawn_mower.dock
target:
entity_id: lawn_mower.s
fill_container: false
multiline_secondary: false
hold_action:
action: none
double_tap_action:
action: none
icon_color: |-
{% if is_state('lawn_mower.s', 'docked') %}
black
{% else %}
green
{% endif %}
grid_options:
columns: 4
rows: 1
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: custom:mushroom-entity-card
entity: switch.s_mode_festif
fill_container: false
tap_action:
action: toggle
grid_options:
columns: 12
rows: 1
icon_color: |-
{% if is_state('switch.s_mode_festif', 'on') %}
yellow
{% else %}
black
{% endif %}
card_mod:
style: |
ha-card {
background-color: rgba(255, 255, 255, 0.4);
}
- type: picture
image: /api/image/serve/ed8305eea1730ec6decc142bed1d819d/512x512
card_mod:
style: |
ha-card {
background: transparent;
border: 0px;
}
background:
opacity: 81
alignment: center
size: cover
repeat: repeat
attachment: fixed
image: /api/image/serve/2d9ab92f0e1c433b1c7201eee99e1244/original
cards: []
header:
layout: center
badges_position: bottom
badges_wrap: wrap
max_columns: 2
badges:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: person.delecole
tap_action:
action: navigate
navigation_path: /lenovo-m10-plus-home/0
name: Home
content_info: name
icon: mdi:home
use_entity_picture: false
icon_color: blue
Many Thanks !!
