Hallo, ich suche nach einer Möglichkeit in einem, in einem Floorplan eingebundenen SVG Plot die Hintergrundfarbe in Schwarz zu ändern. Das ändern in der zugehörigen css Datei bringt leider keinen Erfolg.
Kann mich da jemand in die richtige Richtung schupsen?
VG
Frank
Ich vermute es geht darum, eine einzige SVG zu faerben, und die anderen nicht anzufassen.
Dazu faellt mir nur was kompliziertes ein: einen eigenen JavaScript laden (via FHEMWEB Attribut), und dann per JS Programm das CSS modifizieren (oder eine neue .css Datei laden), falls die FLOORPLAN Seite angezeigt wird.
Ja Rudi, hier wurde folgendes beschrieben:
Zitat
Von den Plots hab ich noch den Hintergrund und die Steuersymbole entfernt.
Code: [Auswählen]
#SVG_FileLog_TS_Balkon_1 svg {height:0px; width:0px; visibility:hidden; }
Mit folgendem Ergebnis:
http://forum.fhem.de/index.php?action=dlattach;topic=22336.0;attach=17114
Dort scheint es funktioniert zu haben, ich habe daraufhin in der zugehörigen css folgendes geändert, wobei nur die Steuerelemente nicht mehr da sind.
#Strom_Durchschnitt_Tag svg {height:0px; width:0px; visibility:hidden; }
#Temperatur_Garten_current_day svg {height:0px; width:0px; visibility:hidden; }
#TH_Sensor_KinderZi {font-size:38px; }
#TH_Sensor_Bad {font-size:38px; }
#HZ_Kueche {font-size:38px; }funktioniert bei mir leider nicht, wie beschrieben sind nur die Steuerelemente nicht mehr sichtbar
VG
Frank
Hi Franky,
setze mal in der "...svg_style.css" die dem Floorplan zugewiesen ist:
.border { stroke:black; fill:black;}
Wirkt dann allerdings auf alle Plots. Aber das wolltest du ja sowieso.
Gruß
Frank
@fiedel
Geht leider auch nicht :o
Dem Floorplan ist eine angepasste darkfloorplanstyle.css zugewiesen. Darin habe ich die Textgrößen, Textfarben usw angepasst. Wenn ich .border { stroke:black; fill:black;} eintrage, passiert gar nicht´s.
Habe die angepasste unten mal angehangen, vielleicht sieht ja jemand eine Möglichkeit.
VG
Frank
Nicht die! Du musst die "...svg_style.css" nehmen! 8)
Zum besseren Verständnis:
Du hast ja sicher für deine Visualisierung einen Stylesheetprefix vorgegeben. Dieser heißt z.B.:
attr WEBtablet stylesheetPrefix kirk
dann müsstest du den Wert in der Datei ändern:
kirksvg_style.css
Falls diese noch nicht vorh. ist, kopierst du sie aus der momentan verwendeten Datei (z.B. "darktouchpadsvg_style.css") um. Dazu öffnest du im Editor die "darktouchpadsvg_style.css" und speicherst diese als "kirksvg_style.css" ab. Danach kannst du die Änderungen in der neuen Datei vornehmen.
Hallo fiedel, genau das Versuche ich schon seit 2 Tagen. Habe bei mir die orginale darkfloorplanstyle.css genommen, umbenannt in darkfloorplanstyle_a.css, in die umbenannte dann die Änderungen vorgenommen und die von dir angegebene Codezeile mit einfügt. Geht aber leide nicht. Habe dann die geänderte css nochmal umbenannt in kirksvg_style.css, dachte das der Name vielleicht auf ...svg enden muss, geht aber auch nicht. Bin gerade dabei den 2. Status Floorplan zu erstellen (Photoshop) und wenndas OK ist, werde ich mich nochmal mit der css beschäftigen.
Viele Grüße Frank
Puh - ich vermute mal, du hast das mit dem "stylesheetPrefix" noch nicht verstanden. Es gibt insgesamt 2 CSS- Dateien, die du damit an die FHEM- Instanz binden kannst:
<prefix>.css (für das Gesamtseitenlayout)
<prefix>svg_style.css (für das Layout/Färbung der Plots)
Gibst du z.B. "kirk" als Prefix in der Instanz an, würde die Datei "kirksvg_style.css" nur die Plots dieser Instanz verunstalten. ;)
Zusätzlich kannst du noch für jeden Floorplan ein eigenes Floorplan- CSS erstellen, das dann nur für diesen FP wirkt. Jedoch wirkt das "<prefix>svg_style.css" immer für die gesamte Instanz und man keines für einen FP extra definieren. Aber das ist bei dir ja gut so, da du für deine Tablet- Instanz ein einheitliches Design anstrebst. Im FHEMWEB oder Dashboard sind die Plots dann wieder Gelb oder Grau - wie belieben... ;D
Das Floorplan- CSS oder das <prefix>.css wirken
nur auf das Seitenlayout und nicht auf die Plots. Genau da liegt dein Denkfehler.
Das Ganze ist auch gut im Einsteiger- PDF und im FP- PDF beschrieben.
Gruß
Frank
Joh, da hab ich in der Hektik wohl was durcheinandergebracht :o
Auf dem richtigen Weg war ich schon prefix svg_style.css. Alles schick und endlich schwarz.
Vielen Dank und ein schönes WE
Frank