[GELÖST] Mehrzeiligen Text in Widget und Sitemap

[lenschith]

Hallo zusammen,

leider habe ich irgendwie noch nicht die passende Antwort gefunden auf meine Frage.
Ist es möglich in einem Widget einen Zeilenumbruch zu machen, also damit ein Text in mehrere Zeilen lesbar steht.

Screenshot 2021-12-08 135123.png

Wenn ich mich richtig erinnere ging das in der Sitemap nicht - gibt es da mittlerweile einen Weg?

Gruß Lenschi

[lenschith]

Hat hier irgendjemand ne info oder einen Tipp wie ihr dieses Problem umgeht?

Gruß Lenschi

[udo1toni]

Meines Wissens gibt es dafür bisher keine Option. Man könnte eventuell ein eigene Widget dafür entwickeln (also für Main UI oder HABPanel)

[scotty]

Ein selbst gebautes Widget habe ich so schon hinbekommen. Du muss nur für jede Zeile ein separates Label anlegen.

Hier der Codeschnipsel (sogar mit Border und 1. Zeile fettgdruckt):

Code: Alles auswählen

    - component: f7-block
      config:
        style:
          border: 1px solid
          border-color: white
          color: white
          font-size: 10pt
          height: 66px
          left: 210px
          letter-spacing: .75px
          line-height: 1.4em
          padding-bottom: 5px
          padding-left: 10px
          padding-right: 10px
          padding-top: 5px
          position: absolute
          text-align: left
          top: 105px
          width: 200px
      slots:
        default:
          - component: Label
            config:
              style:
                font-weight: bold
              text: Tankstelle
          - component: Label
            config:
              text: Meine Str. 1
          - component: Label
            config:
              text: Entfernung: 2.4 km 

[lenschith]

Aber den Text der vom DWD Binding kommt kann ich auch in einem Widget nicht aufteilen oder gibt es da eine Möglichkeit einen Zeilenumbruch nach x Zeichen zu machen?

Gruß Lenschi

[scotty]

Das geht bestimmt. Google doch einfach mal nach Linux Zeilenumbruch nach x Zeichen.
Wie lang ist denn der Text? Es könnte z. B. auch so funktionieren, dass das Textfeld nur eine bestimmte Breite hat.
Ich könnte mir auch noch andere Möglichkeiten vorstellen. Wie schon geschrieben - man müsste mal wissen, welcher Text in etwa erwartet wird.

[peter-pan]

... so wie Udo es beschrieben hat, kann man es in einem Custom Widget machen. Hier ein Codeschnipsel:

Code: Alles auswählen

 - component: Label
   config:
     style:
       display: flex
       font-weight: 501
       fontSize: =(Number(props.size)/17) +'px'
       justify-content: center
       left: 30px
       overflow: hidden
       position: relative
       white-space: wrap
       width: =(Number(props.size)-30) +'px'
     text: =props.speakerLocation

Der entsprechende Befehl heisst white-space: mit dem Parameter wrap. Damit wird bei Überlänge automatisch ein Zeilenumbruch beim nächsten Leerzeichen gemacht.

Etwa so:

wrap.jpg

[scotty]

@peter-pan

ich interessiere mich auch immer für andere Lösungen. Wo hat denn Udo etwas beschrieben, was in einem Custom Widget verwendet werden kann?

[udo1toni]

Ich habe nur geschrieben, dass man vielleicht ein eigenes Widget dafür entwickeln könnte, welches dann mehrzeiligen Text unterstützt...

[peter-pan]

@scotty


......ich meinte hier.

Meines Wissens gibt es dafür bisher keine Option. Man könnte eventuell ein eigene Widget dafür entwickeln (also für Main UI oder HABPanel)

Aber er hat es ja jetzt noch mal geschrieben:

ich habe nur geschrieben, dass man vielleicht ein eigenes Widget dafür entwickeln könnte, welches dann mehrzeiligen Text unterstützt...

Das geht halt wohl nur mit einem eigenen (Custom) Widget.