Seite 1 von 2
[GELÖST] Mehrzeiligen Text in Widget und Sitemap
Verfasst: 8. Dez 2021 13:53
von 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
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 26. Okt 2022 19:37
von lenschith
Hat hier irgendjemand ne info oder einen Tipp wie ihr dieses Problem umgeht?
Gruß Lenschi
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 26. Okt 2022 22:58
von 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)
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 27. Okt 2022 03:43
von 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
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 27. Okt 2022 10:29
von 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
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 27. Okt 2022 12:41
von 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.
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 27. Okt 2022 14:22
von 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
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 28. Okt 2022 18:36
von 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?
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 28. Okt 2022 20:53
von udo1toni
Ich habe nur geschrieben, dass man vielleicht ein eigenes Widget dafür entwickeln könnte, welches dann mehrzeiligen Text unterstützt...
Re: Mehrzeiligen Text in Widget und Sitemap
Verfasst: 28. Okt 2022 23:18
von peter-pan
@scotty
......ich meinte hier.
udo1toni hat geschrieben: ↑26. Okt 2022 22:58
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:
udo1toni hat geschrieben: ↑28. Okt 2022 20:53
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.