Seite 1 von 2

Konfiguration von Schaltflächen

Verfasst: 23. Feb 2020 11:34
von clajo
Hallo allerseits,

entweder geht das nicht oder ich bin mal wieder dümmlich das Richtige zu finden...

Ich habe in meiner Sitemap eine Switch programmiert

Code: Alles auswählen

Switch item=Urlaub
        label="Urlaub []"
        icon="vacation"
        mappings=[ON="Ja",
                  OFF="Leider nicht"]
in der Anzeige habe ich für die aktive Schaltfläche nun eine, hübsche :lol:, rosa/pinkfarbende Schaltfläche.
Ich nutze die Standardtheme der BasisUi

Wie kann ich hier eine andere Farbe einstellen?

Jörg

Re: Konfiguration von Schaltflächen

Verfasst: 23. Feb 2020 11:44
von peter-pan
...ich glaube, das geht nicht.

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 11:07
von clajo
Irgendwie hat mich das nicht losgelassen - die Farbe ist für mich grauenhaft.

Ich bin dann über eine html gestolpert die ich für mich angepasst habe

Code: Alles auswählen

<html>
 <body>
 <script type="text/javascript">
     function addStyle(s) 
     {
      var ele = window.parent.document.createElement('style');
      ele.innerHTML = s;
      window.parent.document.head.appendChild(ele);
     }
     addStyle('main {border-top:2px solid #4CAF50 !important;}');
     addStyle('input{background:#4CAF50 !important;}');
     addStyle('div{background:#FBF8EF !important;color:#848484 !important;}');
     addStyle('button {background:#4caf50 !important; border:1px solid #005050 !important;}');
     addStyle('.mdl-form__row {border-bottom:1px solid #f5f5f5 !important;}');
     addStyle('.mdl-color--white{background:#FBF8EF !important;}');
     addStyle('.mdl-form__value--slider{background:#303030 !important;}');
     </script>
     </body>
    </html>
Diese Datei habe ich im html-Ordner als theme.html abgespeichert und in der Sitemap an letzter Stelle eine Zeile mit diesen Code eingefügt:

Code: Alles auswählen

Webview url="/static/theme.html" icon="none"
und siehe da diese herrliche Farbe ist Vergangenheit

Jörg

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 12:51
von PeterA
Hallo Jörg,
kannst Du mal einen Screenshot davon zeigen ?
Vielen Dank.

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 13:23
von clajo
css.png

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 13:50
von PeterA
Nice!
Vielen Dank

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 17:35
von PeterA
clajo hat geschrieben: 1. Mär 2020 11:07
Diese Datei habe ich im html-Ordner als theme.html abgespeichert und in der Sitemap an letzter Stelle eine Zeile mit diesen Code eingefügt:

Code: Alles auswählen

Webview url="/static/theme.html"
und siehe da diese herrliche Farbe ist Vergangenheit

Jörg
Könntest Du hier auch noch mal den entsprechenden Teil aus der Sitemap posten ?
Ich wollte das mal Testen aber vermutlich fehlen hier wieder irgendwelche Klammern :)

Gruß
Peter

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 18:53
von violine21
Hallo Peter,
schau mal hier:
https://community.openhab.org/t/customi ... s/31706/18
Da wird das Thema auch behandelt.

VG André

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 19:43
von PeterA
Alles klaro!
Vielen Dank. Es funktioniert!

Re: Konfiguration von Schaltflächen

Verfasst: 1. Mär 2020 19:55
von clajo
Hallo Peter,

ich habe den Code in die letzte Zeile vor dem finalen } geschrieben.

Code: Alles auswählen

...
Webview url="/static/theme.html" icon="none"
} // END Sitemap 

Leider hatte ich der Erklärung einen Fehler in der Webview, Richtig muss es lauten:

Code: Alles auswählen

Webview url="/static/theme.html" icon="none"
Jörg