FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Docter am 02 September 2020, 09:56:41

Titel: FTUI Slider Widget für SOMFY /Rollläden
Beitrag von: Docter am 02 September 2020, 09:56:41
Hallo,

ich stelle mich zu dumm an...
Somfy Rollladen an slider geht, jetzt hätte ich das gern in Hübsch und habe das auch in WIKI gesehen.
https://wiki.fhem.de/wiki/FTUI_Widget_Slider (ganz unten).

Habe die fhem-tablet-ui-user.css entsprechend bearbeitet...

eingebunden und das File liegt auch dort.
<link rel="stylesheet" href="css/fhem-tablet-ui-user.css">

aber mehr als einen normalen Slider zeigt er mir nicht an.

<div data-type="slider"
    data-handle-diameter="15"
    data-device=""
    data-color="#969696"
    data-height="125"
    data-device="dg_SZ_Rolladen"
    class="blind blindview">
</div>

Hat jemand eine Idee wo ich den Fehler suchen muss?

Danke
Titel: Antw:FTUI Slider Widget für SOMFY /Rollläden
Beitrag von: amenomade am 03 September 2020, 03:04:22
Das doppelte data-device= ist auf jeden Fall zu viel.

Um die schöne Bilder zu haben, muss man nicht nur die .css Dateien haben, sondern auch natürlich die Bilder.

Um die css Klassen zu prüfen, kannst Du mit den Browser Tools (F12) das HTML Element  untersuchen.
Titel: Antw:FTUI Slider Widget für SOMFY /Rollläden
Beitrag von: Docter am 03 September 2020, 12:57:51
Danke...

"Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://192.168.178.200:8083/fhem"."

Das sagt mir, was bedeuted das für mich?
Titel: Antw:FTUI Slider Widget für SOMFY /Rollläden
Beitrag von: amenomade am 03 September 2020, 18:36:31
Ohne deinen HTML Source-code zu sehen, kann ich wenig sagen.

Das ist aber nicht der Bereich in den Tools, den ich meinte, und ich bin mir nicht sicher, dass deine Fehlermeldung das Problem ist: die Meldung sagt, dein Browser hat doch die Datei als stylesheet interpretiert

Mach ein Rechtklick auf dem Slider und dann "Inspect element"/"Element untersuchen". Dann siehst Du welche styles aus welcher css Datei benutzt wurden.