Liebe Community
Da ja nun die „Abschnitte“ als Standard-Dashboard genommen werden sollen versuchte ich mein Dashboard, das auf „Kacheln“ basiert umzubauen. Leider entstehen extrem viele Leerräume (siehe Anhänge). Wie kriege ich diese weg und eine kompakte Ansicht mit Abschnitten?
Vielen Dank
1 „Gefällt mir“
Gar nicht. Abschnitte nehmen immer die Höhe der größten Karte in der Reihe.
Du müsstest es also vermutlich „komplizierter“ über horizontal-stack und / oder vertical-stack machen.
1 „Gefällt mir“
Wie hast du denn die Abschnitte ein/aufgeteilt? Ich nehme an, es ist ein Abschnitt und darin liegen alle Inhalte? Du kannst dir drei Abschnitte nebeneinander (jeweils eine Spalte breit) erstellen und dann in die einzelnen Abschnitte deine Inhalte packen. So müsste man die Ordnung wieder herstellen können.
2 „Gefällt mir“
Ja klar. Ich komme ja von horizontalen und vertikalen Stacks, hatte aber gehofft, dass ich mit der neuen Ansicht mehr per Drag and Drop anpassen kann. Wenn ich aber weiterhin mit Horizontalen und Vertikalen Stacks arbeiten muss, dann stelle ich den Kartentyp gar nicht um.
Danke für den Hinweis, ich hatte es fast befürchtet…
1 „Gefällt mir“
Mit dem Schalter "Dichte Abschnittsplatzierung, soll das eigentlich weitgehend automatisch optimiert werden. Diesen findest du in den Einstellungen zur Ansicht, wo du auch das Layout wählen kannst
Hast du es damit schon probiert zu optimieren?
1 „Gefällt mir“
Ja, das habe ich ausprobiert, leider half es aber zumindest bei mir nicht.
2 „Gefällt mir“
ich möchte hier nochmal einhaken. mich stören weniger die abstände zwischen den abschnitten, als vielmehr, das man die breite der abschnitte nicht verändern kann.
für mein tablet sind 3 abschnitte optimal……..
oder eben ein breiter abschnitt.
wie man sich denken kann, sieht die mittlere kachel nicht sonderlich schön aus, da zu schmal. leider lässt sich über die grid option nichts ändern. die linken und rechten kacheln (in den tests noch nicht final) sollen schmaler sein, als der mittelteil.
gibt es eine möglichkeit, die breite der abschnitte zu verändern?
Hi, bei mir ist die 3er Ansicht auch die beste Wahl für das Tablet. Du kannst mit der custom-layout card die Abschnitte nach belieben einstellen. Hier mal ein Beispiel:
Das Layout bestimmt sich durch die Aufteilung der Prozente 25% + 50% + 25% = 100%. Ab dem Wert von 1000px wird das Layout automatisch gebrochen und die drei Abschnitte werden untereinander mit einer Breite von 100% angezeigt. Das ist gut für das Handy, da will man ja nicht die drei Abschnitte nebeneinander haben.
type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 25% 50% 25%
grid-template-rows: auto
mediaquery:
"(max-width: 1000px)":
grid-template-columns: 100%
grid-template-rows: auto
cards:
- type: tile
entity: input_button.button_fernseher
icon: mdi:cog
hide_state: true
show_entity_picture: false
vertical: false
name: Einstellungen
tap_action:
action: navigate
navigation_path: "#einstellungen"
card_mod:
style: |
ha-card {
background: grey !important;
border-radius: 0px !important;
border-right: 1px solid grey !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
text-align: center !important;
}
- type: tile
entity: input_button.button_fernseher
icon: mdi:home-automation
hide_state: true
show_entity_picture: false
vertical: false
name: Automatisierungen
tap_action:
action: navigate
navigation_path: "#automatisierungen"
card_mod:
style: |
ha-card {
background: grey !important;
border-radius: 0px !important;
border-right: 1px solid grey !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
text-align: center !important;
}
- type: tile
entity: input_button.button_fernseher
icon: mdi:integrated-circuit-chip
hide_state: true
show_entity_picture: false
vertical: false
name: Integrationen
tap_action:
action: navigate
navigation_path: "#integrationen"
card_mod:
style: |
ha-card {
background: grey !important;
border-radius: 0px !important;
border-right: 1px solid grey !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
text-align: center !important;
}
grid_options:
columns: full
1 „Gefällt mir“
dann kann ich aber nicht mehr die abschnitte benutzen und muss grid auswählen?
ja korrekt du musst dann mit einem Abschnitt statt drei arbeiten. Durch die layout-card erstellst du dann innhalb des einen Abschnittes die Unterteilung in drei Abschnitte mit der Prozentangabe.