CSS wird in FHEMWEB vermutlich nicht geladen

[Chris1540]

Hallo zusammen,

irgendwie bin ich am verzweifeln.
Ich habe folgendes vor: Zu den vorhandenen Web Instanzen wollte ich eine neue erstellen mit dem Port 8086. Auf diesen soll ein 7 Zoll Tablet als Infoterminal mit Floorplan zugreifen. Nun wollte ich eine vorhandene CSS als Grundlage kopieren und unter dem Namen infoflur.css in die Attribute unter dem entsprechenden Port einbinden. Datei in das pgm2 Verzeichnis kopiert, CSS per attribut eingebunden und fhem neu gestartet.
Ergebnis ist, das nach dem Neustart der Floorplan total "zerpflückt" aus. Ohne das Style Atribut passt der Plan.
Schaue ich mir mit Firebug die CSS im Floorplan an, wird anscheinend eine jquery-ui.min.css geladen, aber das herum spielen an dieser css verändert gar nichts.
Unter dem normalen Fhem Menü wird anscheinend eine style.css geladen. Veränderungen an dieser Datei bringen in der Anzeige auch veränderungen.

Irgendwie stehe ich total auf dem Schlauch und weiß nicht wo ich ansetzen kann um meinen Fehler zu bereinigen. Vielleicht könnte einer von Euch mich auf die richtige Spur bringen ?!

Gruß aus Hannover
Chris

[flurin]

Ich hab's so gelöst:

Code Auswählen Erweitern


attr WEB CssFiles pgm2/mystyle.css


In mystyle.css werden lediglich "meine" Definitionen eingetragen alles andere bleibt unverändert.
mystyle.css ist im Verzeichnis www/pgm2. Siehe auch Commandref.

Gruss
flurin

[Chris1540]

Hallo flurin,

danke für Deine Antwort.
Ich dachte dafür gibt es das stylesheetPrefix Attribut. Aber irgendwie tut sich da bei mir nix mit.
Sicher habe ich da noch einen Fehler, den ich irgendwie nicht ausmachen kann.

Gruß Chris

PS: Das heißt, dass die Definitionen in Deiner CSS die anderen überschreiben?

[flurin]

Hallo flurin,

danke für Deine Antwort.
Ich dachte dafür gibt es das stylesheetPrefix Attribut. Aber irgendwie tut sich da bei mir nix mit.
Sicher habe ich da noch einen Fehler, den ich irgendwie nicht ausmachen kann.

Gruß Chris

PS: Das heißt, dass die Definitionen in Deiner CSS die anderen überschreiben?

Richtig, die Definitionen werden überschrieben, z.B.

Code Auswählen Erweitern


body     { ... background-color: #FFFFE7; }


in defaultCommon.css wird in mystyle.css so überschrieben:

Code Auswählen Erweitern


body     { background-color: #FFFFFF; }


Siehe Commandref betreffend stylesheetPrefix.

Gruss
flurin

[Chris1540]

Wenn ich das richtig gesehen habe, werden doch aber zwei CSS Dateien geladen?!
Eine für die "normale" Fhem Oberfläche und eine für den Floorplan?
Wo würde ich denn die Einstellungen für den Floorplan machen?

Gruß Chris

[flurin]

Wenn ich das richtig gesehen habe, werden doch aber zwei CSS Dateien geladen?!
Eine für die "normale" Fhem Oberfläche und eine für den Floorplan?
Wo würde ich denn die Einstellungen für den Floorplan machen?

Gruß Chris

Floorplan verwende ich nicht aber ich habe alle Äderungen in mystyle.css eingetragen.
Also Einstellungen von style.css, defaultCommon.css usw. "überschrieben".

mystyle.css sieht so aus:

Code Auswählen Erweitern


#logo    { margin-top:0px; margin-left:0px; width:0px; height:0px;
           background-image:none; }
           
body     { background-color: #FFFFFF; }
table.block { background: #FFFFFF; }
table.block tr.odd { background: #FFFFFF; }
table.block tr.sel { background: #FFFFFF; }
table.room { background: #FFFFFF; }
table.room tr.sel { background: #FFFFFF; }
div.block { background: #FFFFFF; }
.makeSelect .slider {background:#FFFFFF; } /* detail only */
.rc_body       { background:#FFFFFF; }
div.ui-widget-content { background:#FFFFFF; }

a       { color:#333333; }
.handle { color:#333333; }
svg     { fill:#333333; }

table { border-radius:0px; }

div.col1, div.col2, div.col3 {
  background-image:none;
}

#dashboard .ui-state-default a {color: #333333;text-decoration: none;}


Damit ist bei mir alles ziemlich "flat" - schwarz(grau)/weiss.

Gruss
flurin