The Home Remote: Toggle Switch Beschriftung

Home Remote Toggle Switch Beschriftung

Wie versprochen hier die Anleitung zum beschriften der Toggle Buttons inklusive On/Off Status

Wir öffnen die angelegte Smart_Home Seite wenn nicht bereits geöffnet.

Klicken kurz in die Seite damit zur besseren Orientierung  das Grid sichtbar wird und oben im Menü auf Controls.

Nun wählen wir das Text-Label und fügen es unter dem Toggle Button ein.

Wenn nicht korrekt Margin auf 0,0,0,0 ändern, damit das Text-Lablel mittig ist, sowie die Breite auf 52 (Pixel) statt volle Breite von 54px, um 2px Abstand zwischen den einzelnen Labels zu haben.

Tragen noch den gewünschten Text ein, im Beispiel ist es die Esstischlampe somit „Esstisch“, fertig ist die Beschriftung

Wenn der Text nun auch den aktiven Status anzeigen soll, fügen wir unten einen DataTrigger hinzu.

Bei Binding, Esstisch.Switch eintragen und schließen

Setters, bei Property = Foreground und bei Value / Resource / AccentBrusch und schließen

Bei Value noch On eintragen fertig

——————————————————————-

Hier noch die Smart_Home.hrp


Smart_Home.hrp
Smart_Home.hrp

Hinweis:

  • Nur mit dem Designer öffnen, also nicht anklicken.
  • Durch anklicken wird die Datei mit der Home Remote App geöffnet! Wenn kein Backup vorhanden, sind somit eure Einstellungen verloren
  • Im Designer unter Pages / Templates die Smart_Home.hrp anklicken

Dateigröße2 MB
Version1
Downloads112
Erstellt am05.02.2020
Download