Hallo, ich habe ein update force durchgeführt, , seit dem ist meine Floorplan Ansicht hin, und ich hab sie noch nicht wieder hin bekomme. Der Floorplan wird übers WebTablett aufgerufen.
Sieht aktuell aus wie im Anhang , Aktuell.jpg. gestern.jpg ist wie er aussah.
Hab jetzt schon alles mögliche versucht, bekomm es aber nicht mehr richtig hin.
Ich habe in dem Floorplan das Attribut
stylesheet
darkfloorplanstyle.css eingefügt wie ein list vom Floorplan bestätigt.
Internals:
NAME Home
NR 137
STATE Home
TYPE FLOORPLAN
Attributes:
commandfield 1
fp_arrange 1
fp_noMenu 1
stylesheet darkfloorplanstyle.css Die css sieht so aus:
body { background-color: #444444; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }
body[id~=Media] { background-color: #A5A5A5; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }
#logo { display:none !important;}
#backimg {position:absolute; top:0px; left:0px;}
#fpmenu.fp_arrange { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; }
#menu { position:absolute; top:180px; left:30px; width:128px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan { position:absolute; top:180px; left:30px; width:128px; font-size:13px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}
#hdr { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
#Strom_Durchschnitt_Tag svg {height:0px; width:0px; visibility:hidden; }
#Temperatur_Garten_current_day svg {height:0px; width:0px; visibility:hidden; }
#SVG_FileLog_sunDummy_1 svg {height:0px; width:0px; visibility:hidden; }
#WS1080_Regen svg {height:0px; width:0px; visibility:hidden; }
#DB_Kueche svg {height:0px; width:0px; visibility:hidden; }
#DB_Strom svg {height:0px; width:0px; visibility:hidden; }
#DB_Bad svg {height:0px; width:0px; visibility:hidden; }
#DB_Kinderzimmer_rechts svg {height:0px; width:0px; visibility:hidden; }
#DB_Schlafzimmer_rechts svg {height:0px; width:0px; visibility:hidden; }
#DB_WZ_rechts_Heizung svg {height:0px; width:0px; visibility:hidden; }
#TH_Sensor_KinderZi {font-size:38px; }
#TH_Sensor_Bad {font-size:38px; }
#HZ_Kueche {font-size:38px; }
#TH_Sensor_WZ {font-size:38px; }
#THSensor {font-size:38px; }
#HZ_Flur {font-size:38px; }
#Temperatur_Garten {font-size:38px; }
#Wettervorhersage1_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage2_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage3_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage4_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage5_Tag {font-size:28px; color: #FF00FF; }
#myWS1080_dummy2 {font-size:22px; color: #FF7F24; }
#Heizungswerte2 {font-size:20px; color: #FF00FF; }
#Regen_diff_du2 {font-size:22px; color: #FF7F24; }
#dew_dummy_Garten {font-size:22px; color: #FF7F24; }
a { color:#CCCCCC; text-decoration:none;}
td {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}
img { -moz-border-radius:8px; border-radius:8px;}
table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}
.devicename { font-size: 14px; text-align:center; color: #111111; }
.devicestate { text-align:center; color: #111111; }
.devicecommands { font-size:14px; text-align:center; color: #111111; }
.devicetimestamp{ font-size:10px; text-align:center; color: #111111; }
#sz_Rollo.devicename {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate {color:green; font-size:30px; }
#HomeStatus.devicestate {color:green; font-size:30px; }
table.dummy {min-width:100px;}
table.FHT {min-width:100px; }
#wakeup.devicestate {color:green; font-size:11px; }
#ez_FHT.devicestate {color:green; font-size:30px; }
#Home.fp_Grundriss {font-size:14px; width:100px; }
#Home.fp_Media {font-size:14px; text-align:left; }
#Media {font-size:14px; }
#Grundriss {font-size:14px; text-align:left; }
#w_MucWeather {font-size:16px; color:#D4D4D4}
#w_WertListe1 {font-size:20px; color:gray}
.fp_tempvalue {color:red; font-size:20px; }
.fp_humvalue {color:blue; font-size:20px; }
h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }
/* detail-selector & slider */
select { margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }
.handle { position:relative; cursor:pointer; width:50px; height:20px;
line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }
/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }
/* next lines are for remotecontrol */
.rc_body { border-style: solid; border-color: gray; border-width: 2px;
padding: 5px; background: #101010; font-size:6px;}
.rc_button { padding: 5px 7px;}
.rc_button img { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }Dann gibt es noch die
Zitatkirk1svg_style.css
welche ich in der fhem.cfg über
attr WEBtablet stylesheetPrefix kirk1svg_style.css definiert habe
Mit dem Inhalt:
/* Author: Volker */
text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:#CCCCCC;}
text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCCCC;}
text.copy { text-decoration:underline; stroke:none; fill:blue;}
text.paste { text-decoration:underline; stroke:none; fill:blue;}
polyline { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; }
.l0fill{ stroke:#f00; fill:url(#gr_0); } text.l0fill{ stroke:none; fill:#f00; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; }
.border { stroke:black; fill:black;}Wie man dann auf dem Bild "Aktuell" sieht, werden die Steuerelemente des Plots viel zu gross angezeigt, und überlagern damit das ganze Bild. Die Steuerelemente sllten garnicht angezeigt werden