since the latest my complete lovelace surface is only chaos, most cards are only in a long line.
here is an example, but affects all my views
my config:
##################################################################################################################################################################
### Octoprint ###
### 3D Drucker ###
##################
- icon: mdi:printer-3d
# background: green
panel: false
cards:
- type: conditional
conditions:
- entity: timer.druckercooldown
state: "active"
card:
type: "custom:button-card"
entity: timer.druckercooldown
layout: icon_state_name2nd
show_state: true
show_name: true
show_label: true
name: Ender 3 COOLDOWN
styles:
grid:
- grid-template-areas: '"n i" "s i" "l i"'
- grid-template-columns: 1fr 40%
card:
- font-size: 15px
label:
- font-size: 8px
state:
- text-transform: uppercase
- font-size: 25px
- font-weight: bold
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: switch.4ch1_3d_drucker
size: 40%
name: Ender 3
show_last_changed: false
lock:
enabled: true
duration: 3
unlock: hold
style:
- font-size: 12px
- font-weight: bold
color: rgb(0, 255, 0)
state:
- value: "off"
color: rgb(255, 0, 0)
- type: "custom:button-card"
entity: switch.connection_octoprint
size: 40%
name: Verbindung
show_last_changed: false
lock:
enabled: true
duration: 3
unlock: hold
style:
- font-size: 12px
- font-weight: bold
color: rgb(0, 255, 0)
state:
- value: "off"
color: rgb(255, 0, 0)
icon: mdi:lan-disconnect
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: switch.pause_octoprint
size: 40%
name: PAUSE
show_last_changed: false
lock:
enabled: true
duration: 3
unlock: hold
style:
- font-size: 12px
- font-weight: bold
color: rgb(0, 255, 0)
icon: mdi:pause-octagon-outline
state:
- value: "off"
color: rgb(255, 0, 0)
icon: mdi:pause-octagon-outline
- type: "custom:button-card"
entity: switch.octoprint_cancel
size: 40%
name: STOPP
show_last_changed: false
lock:
enabled: true
duration: 3
unlock: hold
style:
- font-size: 12px
- font-weight: bold
color: rgb(0, 255, 0)
icon: mdi:cancel
state:
- value: "off"
color: rgb(255, 0, 0)
icon: mdi:cancel
- type: "custom:button-card"
entity: switch.filament
size: 40%
name: Filament
show_last_changed: false
lock:
enabled: true
duration: 3
unlock: hold
style:
- font-size: 12px
- font-weight: bold
color: rgb(0, 255, 0)
icon: mdi:movie-roll
state:
- value: "off"
color: rgb(255, 0, 0)
icon: mdi:restart-off
- value: "unavailable"
color: rgb(255, 0, 0)
icon: mdi:restart-off
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: "custom:button-card"
color_type: blank-card
- type: custom:button-card
entity: switch.y_vorne
name: Y vor
icon: mdi:arrow-up-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: "custom:button-card"
color_type: blank-card
- type: custom:button-card
entity: switch.z_oben
name: Z rauf
icon: mdi:arrow-up-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: horizontal-stack
cards:
- type: custom:button-card
entity: switch.x_links
name: X links
icon: mdi:arrow-left-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: custom:button-card
entity: switch.x_y_home
name: X - Y Home
icon: mdi:home
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: custom:button-card
entity: switch.x_rechts
name: X rechts
icon: mdi:arrow-right-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: custom:button-card
entity: switch.z_home
name: Z Home
icon: mdi:home
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: horizontal-stack
cards:
- type: "custom:button-card"
color_type: blank-card
- type: custom:button-card
entity: switch.y_hinten
name: Y hinten
icon: mdi:arrow-down-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: "custom:button-card"
color_type: blank-card
- type: custom:button-card
entity: switch.z_unten
name: Z unten
icon: mdi:arrow-down-bold-outline
color: rgb(28, 128, 199)
lock:
enabled: true
duration: 3
unlock: hold
- type: vertical-stack
cards:
- type: "custom:text-divider-row"
text: Vorheizen
- type: horizontal-stack
cards:
- type: custom:button-card
entity: switch.nozzle_200
icon: mdi:printer-3d-nozzle-outline
color: rgb(28, 128, 199)
name: 'Nozzle 200°C'
lock:
enabled: true
duration: 3
unlock: hold
- type: custom:button-card
entity: switch.druckbett_60
icon: mdi:codepen
color: rgb(28, 128, 199)
name: 'Druckbett 60°C'
lock:
enabled: true
duration: 3
unlock: hold
- type: entities
entities:
- type: custom:text-divider-row
text: Scripte
- entity: script.1547744301742
- entity: script.1547752003201
- type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: gauge
unit: '%'
min: 0
max: 100
entity: sensor.octoprint_creality_3d_ender_3_job_percentage
- type: custom:button-card
entity: sensor.ender_3_zustand
show_entity_picture: true
show_state: false
show_name: false
tap_action:
action: navigate
navigation_path: http://192.168.1.111:8123/octoprint
- type: custom:mini-graph-card
hour24: true
group: false
animate: true
icon: mdi:power-plug
entities:
- sensor.ender_3_watt
- sensor.ender_3_ampere
- type: entities
entities:
- sensor.stl_datei
- sensor.stl_grosse
- sensor.filament_kosten
- sensor.filament_menge
- type: divider
- type: weblink
name: "OctoPrint Server GUI"
url: http://192.168.1.111:5000
- type: divider
- sensor.octoprint_creality_3d_ender_3_current_state
- binary_sensor.octoprint_creality_3d_ender_3_printing
- binary_sensor.octoprint_creality_3d_ender_3_printing_error
# - sensor.octoprint_creality_3d_ender_3_job_percentage
- type: "custom:secondaryinfo-entity-row"
entity: sensor.octoprint_creality_3d_ender_3_actual_tool0_temp
secondary_info: "Soll Temperatur: [[ sensor.octoprint_creality_3d_ender_3_target_tool0_temp.state ]] °C"
# - sensor.octoprint_creality_3d_ender_3_actual_tool0_temp
# - sensor.octoprint_creality_3d_ender_3_target_tool0_temp
- type: "custom:secondaryinfo-entity-row"
entity: sensor.octoprint_creality_3d_ender_3_actual_bed_temp
secondary_info: "Soll Temperatur: [[ sensor.octoprint_creality_3d_ender_3_target_bed_temp.state ]] °C"
# - sensor.octoprint_creality_3d_ender_3_actual_bed_temp
# - sensor.octoprint_creality_3d_ender_3_target_bed_temp
# - sensor.octoprint_creality_3d_ender_3_time_elapsed
- sensor.octoprint_creality_3d_ender_3_time_elapsed_format
# - sensor.octoprint_creality_3d_ender_3_time_remaining
- sensor.octoprint_creality_3d_ender_3_time_remaining_format
- type: custom:vertical-stack-in-card
cards:
- type: picture-glance
# title: "3D Drucker Kamera"
entities:
- camera.3d_drucker
camera_image: camera.3d_drucker
camera_view: live
# - type: iframe
# # url: "http://192.168.1.111:5000/?fullscreen=1#tab_plugin_prettygcode"
fullscreen=1#tab_plugin_prettygcode"
# aspect_ratio: 75%
- type: entities
show_header_toggle: false
entities:
- type: custom:text-divider-row
text: Automatisierungen
- automation.3d_drucker_start
- automation.3d_druckvorgang_abgeschlossen
- type: "custom:secondaryinfo-entity-row"
entity: automation.3d_drucker_pause_filamentende
secondary_info: "Filament Schalter: [[ switch.filament.state ]]"
I have already dealt with the plugin layout card.
But then I have the problem that everything in the mobile app is too small and side by side.
since the latest updates of the home assistant has there been no automatic card allocation?
please help me!
greetings