Seite 1 von 1
[gelöst] Zeilenumbruch in Textfeld
Verfasst: 14. Sep 2022 13:23
von scotty
Hallo,
in einem Textfeld eines selbst gebauten Widgets möchte ich einen Zeilenumbruch erwirken, etwa so:
Max Mustermann Str. 1 99999 Ort
in
Max Mustermann
Str. 1
99999 Ort
Mit \n beispielsweise funktioniert es, allerdings wird "\n" dann auch angezeigt.
Außerdem wäre auch schön, wenn "Max Mustermann" fett gedruckt würde.
Vielen Dank im Voraus.
Re: Zeilenumbruch in Textfeld
Verfasst: 14. Sep 2022 14:31
von KellerK1nd
Kenne auch nur
für den Zeilenumbruch.
Fettgedruckt sollte so funktionieren:
Re: Zeilenumbruch in Textfeld
Verfasst: 14. Sep 2022 14:43
von scotty
Vielen Dank, aber das alles funktioniert nicht in einem Widget. Die Zeichen werden immer mit angezeigt.
Re: Zeilenumbruch in Textfeld
Verfasst: 14. Sep 2022 17:42
von oh73
Zeilenumbruch geht mit
Schriftfarbe, Größe ändern mit CSS Style, Beispiele ,
Code: Alles auswählen
<div id="smFeld_monat">Monat <br><a style="font-size:14px;color:blue;">Dg </a>
<a style="font-size: 22px; color: red;">{{'%.2f'| sprintf:itemValue('Ges_Monatdg')}}</a>
<a style="font-size:14px;color:black;"> kWh</a><br>
<a style="font-size:14px;color:blue;">Eg </a>
<a style="font-size: 22px; color: red;">{{'%.2f'| sprintf:itemValue('Ges_Monateg')}}</a>
<a style="font-size:14px;color:black;"> kWh</a>
</div>
Re: Zeilenumbruch in Textfeld
Verfasst: 15. Sep 2022 09:10
von scotty
Leider klappte es weder mit dem Vorschlag zum Fettdruck noch mit dem für den Zeilenumbruch. Deshalb habe ich noch einmal intensiv recherchiert und bin zu einer Lösung gekommen.
In einem selbst gebauten Widget mit Popover-Menue sollte ein Textfeld mit folgendem Aufbau erstellt werden:
screenshot_21.png
Die Konfiguration ist etwas aufwendiger und komplizierter. Für alle, die an der Lösung interessiert sind, hier der Codeschnipsel:
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
padding-bottom: 5px
padding-left: 10px
padding-right: 10px
padding-top: 5px
position: absolute
text-align: left
top: 100px
width: 200px
line-height: 1.4em
slots:
default:
- component: Label
config:
text: "Max Mustermann"
style:
font-weight: bold
- component: Label
config:
text: "Seine Str. 1"
- component: Label
config:
text: "00000 Musterhausen"