Hallo
Mein Dashboard ist so gross bzw. es ist soviel platz dazwischen kann man das kleiner machen oder sowas?
Weiters hätte ich gerne noch die orangen Texte also Aus / Trocken usw.
etwas größer kann man die Zustände größer machen??
Danke
Hallo
Kann mir keiner sagen wie ich das Dash board yaml Code verkleiner kann also das alles weiter zusammen ist.
Danke
Ich spiele da immer mit der Layout Größe der einzelnen Karten und wie viel Abschnitte pro Dashboard passen würde. Dann packe ich die einzelnen Karten noch so zusammen das sie von der höhe gut zusammen passen.
1 „Gefällt mir“
Man kann das über den yaml Code gar nicht anpassen oder??
Doch bestimmt aber ich versuche so wenig wie möglich über yaml zu machen. Jede Neue HA Version kann da was ändern. Darum mache ich soviel wie möglich über die UI.
Aber @jayjojayson kann dir da bestimmt helfen 
2 „Gefällt mir“
Am besten du packst deine Cards in eine custom:stack-in-card oder oder eine custom:vertical-card. Wenn du darin deine Cards verschachtelst, dann würden sie zusammengefasst in einer Card auftauchen. Die Card kannst du dann im Layout frei in der Breite und Höhe wählen, wobei Höhe etwas eingeschränkt ist auf Grund des Grid-Layouts.
Damit kannst du dann solche zusammenhängenden Layouts erzeugen.
2 „Gefällt mir“
Hallo
Habe zum testen mal ein neues Dashboard erstellt..
Und die custom:stack-in-card runtergeladen und auch die custom:vertical-card
Angezeigt wird mir aber nur eine
Habe mal etwas gespielt
Gefällt mir besser
Nur blöd ist jetzt das mir wenn ich auf den Schalter klicke nochmal ein Fenster mit Schalter öffnet das möchte ich so nicht.
Kann ich das abstellen?
Moin, ja das ist korrekt die stack-in-card wird dir in der Auswahl nicht angezeigt, sie ist aber vorhanden, wenn du sie installiert hast.
Du musst dir kein neues Dashboard anlegen, einfach mal testen und ein paar Cards von dir nehmen und in einer der beiden installierten Cards verschachteln.
Hier mal ein ganz einfaches Beispiel für eine custom-vertical-card, worin zwei Button nebeneinander dargestellt werden. Die Card ist sozusagen der Mantel in dem alle weiteren Cards gelistet sind.
type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:bubble-card
card_type: button
sub_button: []
button_type: switch
entity: switch.bad_spiegellicht
card_layout: normal
grid_options:
columns: 6
rows: 1
show_icon: true
show_name: true
show_state: false
scrolling_effect: false
tap_action:
action: toggle
hold_action:
action: more-info
button_action: {}
icon: mdi:mirror-rectangle
name: Spiegellicht
- type: custom:bubble-card
card_type: button
sub_button: []
button_type: switch
entity: switch.ledstrip_bad_2
card_layout: normal
grid_options:
columns: 6
rows: 1
show_icon: true
show_name: true
show_state: false
scrolling_effect: false
tap_action:
action: toggle
hold_action:
action: more-info
button_action: {}
icon: mdi:led-strip-variant
name: Schranklicht
card_mod:
style: |
ha-card {
padding: 5px;
border: none !important;
background: red;
}
Hier eine ganz einfache custom:stack-in-card. Darin kannst du dann vertical und/oder horizontale Cards verschachteln. Oder wie hier im Beispiel, einfach eine Auflistung machen.
type: custom:stack-in-card
card_mod:
style: |
ha-card {
padding: 5px;
border: none !important;
background: red;
}
cards:
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.schlafzimmer_mutti_leuchte
icon: mdi:ceiling-light
name: Schlafzimmer
show_state: false
max_value: 100
min_value: 0
step: 5
light_transition: true
tap_to_slide: true
light_transition_time: "60"
button_action:
tap_action:
action: toggle
card_layout: normal
allow_light_slider_to_0: true
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.esszimmerlicht_lampe_gruppe_mutti
icon: mdi:ceiling-light-multiple
name: Esszimmer
show_state: false
max_value: 100
min_value: 0
step: 5
light_transition: true
tap_to_slide: true
light_transition_time: "60"
button_action:
tap_action:
action: toggle
card_layout: normal
allow_light_slider_to_0: true
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.leselampe_mutti
icon: mdi:lamp-outline
name: Leslampe
show_state: false
max_value: 100
min_value: 0
step: 5
light_transition: true
tap_to_slide: true
light_transition_time: "60"
button_action:
tap_action:
action: toggle
card_layout: normal
allow_light_slider_to_0: true
Wichtig ist immer die Verschachtelung und Einrückung zu beachten.
Als Beispiel zur Veranschaulichung:
custom:stack-in-card
cards:
- deine gewünschte Card
- weitere Card
- horizontal-card
cards:
- weitere Card
- weitere Card
Eingerückt wird immer mit zwei Leerzeichen oder einmal Tab drücken.
1 „Gefällt mir“
Aber wie bekomme ich dieses Schalter Fenster weg??
Siehe Bild oben
Das einfachste wäre eine tap_action für den button zu verwenden.
Wenn du in der UI bist und die Karte bearbeitest, dann kannst du in der Regel unten die Actionen/Interaktionen auswählen.
In deinem Fall verwendest du eine Entität-Karte, diese unterstützt keine tap_action. Wenn du z.B. eine Kachel-Card verwendest, dann kannst du unter Interaktionen das gewünschte Verhalten beim anklicken auswählen.
So würde das dann im Code aussehen:
tap_action:
action: toggle
1 „Gefällt mir“
Danke das funktioniert jetzt soll wie gewollt Danke
Einen Wunsch hätte ich noch
Kann man den Zustand in meinen Fall EIN/AUS über yaml etwas grösser machen dann wäre es perfekt..
Gerne. 
Ja sicherlich, zeige mal deinen Code der aktuellen Card?
Mit dieser Card kann man ja viel mehr machen…Danke
type: tile
entity: input_boolean.bewasserung_start_stop
features_position: bottom
vertical: true
show_entity_picture: true
hide_state: false
icon_tap_action:
action: toggle
tap_action:
action: toggle
grid_options:
columns: 9
rows: 2
color: green
Über Card-Mod kann man die Schriftgröße anpassen. Anbei ein passendes Beispiel.
type: tile
entity: light.pc_led_pv_led
features_position: bottom
vertical: true
show_entity_picture: true
hide_state: false
icon_tap_action:
action: toggle
tap_action:
action: toggle
grid_options:
columns: 9
rows: 2
color: green
card_mod:
style: |
ha-card {
--ha-font-size-s: 20px;
}
Das ist kein Fehler in deiner YAML, sondern nur ein Hinweis, dass du die Karte ausschließlich im YAML-Editor bearbeiten kannst.
1 „Gefällt mir“
Ok verstehe
Wenn ich die von 20px auf 100px ändert sich nichts…an der grösse.
Darf ich mich kurz einmischen ohne das hier zu crashen?
Ich arbeite auf einem 32" Monitor und wenn ich den HA öffne, bekomme ich die Anzeige für Blinde in riesengroß, obwohl ich viel mehr unterbringen könnte.
Diese Diskussion hier hat aber keinen Tipp für mich, wie ich die gesamte Anzeige generell auf 50% schrumpfe, oder? So, wie mit STRG-?, nur dauerhaft.
Hi, ich arbeite zu Hause auch mit einem 32". Wenn du Strg-/+ z.B. in Chrome verwendest, dann merkt er sich doch die Einstellungen für die HomeAssistant-Site im Browser. Das sollte bei anderen Browsern genauso funktionieren.
Ansonsten hättest du auch noch die Option über Card_Mod mit zoom zu arbeiten, aber dafür müsste man alle Cards anpassen bzw. den Passus mit aufnehmen. Problem ist hier auch, dass so halt auf allen Endgeräten die Cards entsprechend geschrumpft werden.
@Gexle Du hast bereits in der Card die grid_options aktiv. D.h. du hast jetzt 9 Spalten und zwei Zeilen belegt. Wenn du die Zahlen änderst, ändert sich auch die Größe der Card. Zweite Möglichkeit wäre über Card-Mod die Höhe und Breite zu definieren. Ich habe das hier im Beispiel jetzt mit Absicht übertrieben, so dass du den Unterschied siehst. Na Möglichkeit sollte man aber mit den grid_options arbeiten, da so das grid erhalten bleibt. Innerhalb einer Card, also z.b. in der custom:vertical-card von gestern könnte man dann auch gut mit festen Höhen und Breiten arbeiten.
Wichtig ist hier bei height in der ha-card nach der Pixelzahl mit „!important“ zu arbeiten, ansonsten nutzt er weiterhin das css aus der Card. Important sorgt dafür, dass height in jedem Fall überschrieben wird und auch kein übergeordnetes Element mehr stören darf.
1 „Gefällt mir“