[gelöst] Zeilenumbruch in Textfeld

[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.

[KellerK1nd]

Kenne auch nur

Code: Alles auswählen

/n

für den Zeilenumbruch.


Fettgedruckt sollte so funktionieren:

Code: Alles auswählen

[b]fett[/b]

[scotty]

Vielen Dank, aber das alles funktioniert nicht in einem Widget. Die Zeichen werden immer mit angezeigt.

[oh73]

Zeilenumbruch geht mit

Code: Alles auswählen

<br>

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>

[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"