FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: alancord am 02 April 2018, 15:04:01

Titel: [gelöst]Icon Namen geben / bennen
Beitrag von: alancord am 02 April 2018, 15:04:01
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.

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.
Titel: Antw:Icon Namen geben / bennen
Beitrag von: Mundus am 02 April 2018, 15:21:57
Hi,
Entweder schreibst du
<div>Schalter</div>
Oder nutzt Widget Label, je nach Bedarf...
Titel: Antw:Icon Namen geben / bennen
Beitrag von: alancord am 02 April 2018, 15:29:16
</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 ?
Titel: Antw:Icon Namen geben / bennen
Beitrag von: fhainz am 02 April 2018, 16:40:02
Dir fehlen noch 2 schließende Klammer beim Switch.
Ich würde mit Grundlagen in HTML & CSS beginnen.
Titel: Antw:Icon Namen geben / bennen
Beitrag von: SirMarco am 02 April 2018, 16:40:46
Am einfachsten so:

<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 (https://wiki.fhem.de/wiki/FTUI_Widget_Switch)

Titel: Antw:Icon Namen geben / bennen
Beitrag von: Paul am 02 April 2018, 18:21:52
Zitat von: fhainz am 02 April 2018, 16:40:02
Ich würde mit Grundlagen in HTML & CSS beginnen.

Woher weißt du da?

Ich glaube da war ein Flüchtigskeitsfehler beim fehlenden div
Titel: Antw:Icon Namen geben / bennen
Beitrag von: alancord am 02 April 2018, 19:34:45
Vielen Dank. Da fehlte ja nur die ,,Schließung mit div"