[gelöst]Icon Namen geben / bennen

[alancord]

Hallo zusammen,

ich finde leider in den FAQs noch im Internet die Lösung zu meinem wahrscheinlich einfachem Problem
Ich will meinem Schalter einen Namen geben. Also das unter dem Schalter ein Namen steht.

Code Auswählen Erweitern

data-type="switch"
    data-device='Schalter'
    data-set-on="on"
    data-set-off="off"
            data-on-background-color='#00ff00'
    data-off-background-color='#ffffff'
            data-off-color='#000000'
            data-icon="fa-home"

Vielen Dank im Voraus.

[Mundus]

Hi,
Entweder schreibst du

Code Auswählen Erweitern

<div>Schalter</div>
Oder nutzt Widget Label, je nach Bedarf...

[alancord]

Code Auswählen Erweitern

</li>
 
   <li data-row="3" data-col="2" data-sizex="2" data-sizey="1">
      <header>Garage</header>
     
      <div data-type="switch"
    data-device='Garagen_Tor'
    data-set-on="on"
    data-set-off="off"
            data-on-background-color='#00ff00'
    data-off-background-color='#ffffff'
            data-off-color='#000000'
            data-icon="fa-home"
            data-alias="Garage öffnen"
       </div
             
              <div>Schalter</div>
     
   
  </li>

Danke schonmal, jetzt steht zumindest der Name "Schalter" da. Aber die Schrift wird auf den Button draufprojeziert. Wie kriegte ich die Schrift eine Zeile weiter runter ?

[fhainz]

Dir fehlen noch 2 schließende Klammer beim Switch.
Ich würde mit Grundlagen in HTML & CSS beginnen.

[SirMarco]

Am einfachsten so:

Code Auswählen Erweitern

<div data-type="switch"
data-device='Schalter'
data-set-on="on"
data-set-off="off"
    data-on-background-color='#00ff00'
data-off-background-color='#ffffff'
    data-off-color='#000000'
    data-icon="fa-home">
</div>
<div>Schalter</div>

https://wiki.fhem.de/wiki/FTUI_Widget_Switch

[Paul]

Ich würde mit Grundlagen in HTML & CSS beginnen.

Woher weißt du da?

Ich glaube da war ein Flüchtigskeitsfehler beim fehlenden div

[alancord]

Vielen Dank. Da fehlte ja nur die ,,Schließung mit div"