Konfiguration von Schaltflächen

clajo · Beitrag von **clajo** » 23. Feb 2020 11:34

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

, rosa/pinkfarbende Schaltfläche.
Ich nutze die Standardtheme der BasisUi

Wie kann ich hier eine andere Farbe einstellen?

Jörg

peter-pan · Beitrag von **peter-pan** » 23. Feb 2020 11:44

...ich glaube, das geht nicht.

clajo · Beitrag von **clajo** » 1. Mär 2020 11:07

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

PeterA · Beitrag von **PeterA** » 1. Mär 2020 12:51

Hallo Jörg,
kannst Du mal einen Screenshot davon zeigen ?
Vielen Dank.

clajo · Beitrag von **clajo** » 1. Mär 2020 13:23

css.png

PeterA · Beitrag von **PeterA** » 1. Mär 2020 13:50

Nice!
Vielen Dank

PeterA · Beitrag von **PeterA** » 1. Mär 2020 17:35

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

violine21 · Beitrag von **violine21** » 1. Mär 2020 18:53

Hallo Peter,
schau mal hier:
https://community.openhab.org/t/customi ... s/31706/18
Da wird das Thema auch behandelt.

VG André

PeterA · Beitrag von **PeterA** » 1. Mär 2020 19:43

Alles klaro!
Vielen Dank. Es funktioniert!

clajo · Beitrag von **clajo** » 1. Mär 2020 19:55

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

Konfiguration von Schaltflächen

Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen

Re: Konfiguration von Schaltflächen