Input_text Helfer Größe der Schrift ändern

Dashboard/Cards/Frontend
1

Ich möchte ein Senioren Dashboard bauen. Dort möchte ich erstmal ein Textfeld haben. Dennoch ist das Textfeld und die Buchstaben darin zu klein. Habt ihr einen Tipp für mich wie ich das ändern kann.
Unbenannt

2

Das sollte man wohl mit card-mod lösen können.

3

Damit bekomme ich gerade mal den Text der Kachel verändert, aber nicht was im Helfer geschrieben wird. Vielleicht stelle ich mich auch nur zu doof an.

4

Welche Karte verwendest du denn genau für dein Text.
Dann probiere ich gleich nochmal ein bisschen rum.

5

Also ehrlich gesagt bin ich, was lovelace angeht totaler Anfänger. Für mich habe ich meine Oberfläche für das was ich brauche simpel konfiguriert. Brauche ich ja eh kaum. Zurück zum Thema.
Habe einfach diese genommen.

type: entities
entities:
  - entity: input_text.textfeld_buro
    name: 'Text '
title: Nachricht vom Opa

Welche Karte ich nun genau nutzen muss ist mir auch egal. Wichtig ist diese muss größer und vor allem der Text im Textfeld. Warum ich das brauche ist bestimmt klar.

6

Soll das ungefähr so aussehen:

image
image968×408 15.6 KB

dann hast du hier den Code für dich:

type: entities
title: Nachricht vom Opa
entities:
  - entity: input_text.textfeld_buro
    name: 'Text '
    card_mod:
      style:
        ha-textfield $: |
          .mdc-text-field__input {
            font-size: 36px !important;
          }
          span#label {
            display: none;
          }

das: name: 'Text ' wird durch die letzen 3 zeilen:

          }
          span#label {
            display: none;
          }

nicht mehr angezeigt da es sonst überlappt, zusehen unter dem T in der Textbox:
image

Edit:
Du könntest es auch so machen, da wird der Name noch angezeigt wen der input_text kein wert hat, wird beim schreiben aber noch angezeigt.

    card_mod:
      style:
        ha-textfield $: |
          .mdc-text-field__input {
            font-size: 36px !important;
          }
          {% if not states('input_text.textfeld_buro') ==  "" %}
          span#label {
            display: none;
          }
          {% endif %}

align-self: center; aus Code entfernt ist von meiner Copypaste arbeit drin geblieben im Bild noch zusehen, wird aber nicht benötigt.
LG
Tobi

7

Ja cool danke damit kann ich arbeiten. ha-textfield das hätte mir noch gefehlt. Woher hast du deine Infos dazu? Bin mit den GitHub nicht ganz klar gekommen. Beispiel Code hilft mir da schon sehr.

8

Aus dem englischsprachigen HA Forum + Devtools vom Browser + rum testen.

9

Jetzt müsste ich nur noch die Karte selbst größer bekommen.sollte am Besten immer volle Bildschirm breite haben

10

Willst du nur das auf dem Dashboard Tab/Seite haben?

wenn ja geh oben mal beim Dashboard Tab auf den Stift
image
Und stell die Ansichtsart auf “Panel (1 Karte)”

Wenn du mehrere Karten haben willst musst du mit den Vertikaler Stapel arbeiten.

Edit:
Ich hatte Vertikaler Stapel und Horizontaler Stapel vertauscht, ist wohl schon zu Spät…

LG

11

Moin. Super das war ja einfach. Vielen Dank damit kann ich arbeiten.