[Gelöst]Floorplan Ansicht nach update force verändert

[Tommy82]

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

Code Auswählen Erweitern

stylesheet
darkfloorplanstyle.css eingefügt wie ein list vom Floorplan bestätigt.

Code Auswählen Erweitern

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:

Code Auswählen Erweitern

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

kirk1svg_style.css

welche ich in der fhem.cfg über

Code Auswählen Erweitern

attr WEBtablet stylesheetPrefix kirk1svg_style.css definiert habe
Mit dem Inhalt:

Code Auswählen Erweitern

/* 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