[Gelöst]Plots im Floorplan ohne Steuerelemente

Begonnen von Tommy82, 25 Oktober 2014, 22:24:08

Vorheriges Thema - Nächstes Thema

Tommy82

Hallo,
ich möchte in meinem Floorplan Plots ohne Hintergrund und ohne Steuerelemente anzeigen.
Dazu hab ich hier im Forum gefunden das man die entsprechende svg.css ändern muss und dort das hier einfühen soll
Zitat{ height:0px; width:0px; visibility:hidden; }

Das hab ich dann auch gemacht, sieht so aus:
#SVG_FileLog_HeizungFenster_ClimRT_tr_1 {height:0px; width:0px; visibility:hidden; }

Die svg.css ist meiner WEBtablett instantz zugeordnet
attr WEBtablet stylesheetPrefix svg

Allerdings sieht es immer noch wie im Anhang aus. Der Hintergrund des Plots ist weg, allerdings sind die Steuerelemente und die Bezeichnung noch da, wie bekomme ich die noch weg?

Danke
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

fiedel

#1
Hi Tommy,

bei mir sieht der Eintrag für die Steuerbuttons so aus: #table-01_Gasverbrauch svg { height:0px; width:0px; visibility:hidden; }
Dabei ist der Plotname "01_Gasverbrauch".

Du musst an sowas mit Firebug oder dem Chrome Entwicklertool drangehen. Damit siehst du am besten, was passiert und was du machen musst. Ein bissel Experimentieren muss man trotzdem noch, aber man fischt nicht mehr so im trüben... ;)

Edit: Ich sehe gerade, dass du noch die alten Buttons hast. Der "Trick" geht aber nur mit den aktuellen SVG- Buttons. Lösung: Update!  ;)  Mein alter Thread dazu ist hier.

Wie heißt denn der Plottyp für deine "Eingestellte Temperatur"? Den kenne ich noch nicht - muss neu sein!  :)

Gruß

Frank
FeatureLevel: 6.1 auf Wyse N03D ; Deb. 11 ; Perl: v5.14.2 ; IO: HM-MOD-RPI-PCB + VCCU|CUL 868 V 1.66|LinkUSBi |TEK603
HM: SEC-SCO|SCI-3-FM|LC-SW4-PCB|ES-PMSW1-PL|RC-4-2|SEN-MDIR-O|SEC-WDS-2
CUL: HMS100TF|FS20 S4A-2 ; OWDevice: DS18S20|DS2401|DS2406|DS2423

Tommy82

#2
Zitat von: fiedel am 26 Oktober 2014, 09:03:17
Hi Tommy,

bei mir sieht der Eintrag für die Steuerbuttons so aus: #table-01_Gasverbrauch svg { height:0px; width:0px; visibility:hidden; }
Dabei ist der Plotname "01_Gasverbrauch".

Du musst an sowas mit Firebug oder dem Chrome Entwicklertool drangehen. Damit siehst du am besten, was passiert und was du machen musst. Ein bissel Experimentieren muss man trotzdem noch, aber man fischt nicht mehr so im trüben... ;)

Edit: Ich sehe gerade, dass du noch die alten Buttons hast. Der "Trick" geht aber nur mit den aktuellen SVG- Buttons. Lösung: Update!  ;)  Mein alter Thread dazu ist hier.

Wie heißt denn der Plottyp für deine "Eingestellte Temperatur"? Den kenne ich noch nicht - muss neu sein!  :)

Gruß

Frank

Hi Frank, ich hab wie in deinem anderen Beitrag beschrieben das   
Zitatupdate force
und auch das
Zitatset WEB rereadicons
, allerdings hat sich nichts geändert wenn ich es richtig sehe.

Hab dann noch ein wenig gestöbert und bin dann auf die kirk1svg_style.css gestossen, welche ich runtergeladen habe und um ein
#table-SVG_FileLog_HeizungFenster_ClimRT_tr_1 svg { height:0px; width:0px; visibility:hidden; } ergänzt habe.
In der Fhem.cfg hab ich dann den Eintrag  attr WEBtablet stylesheetPrefix kirk1svg_style
Die kirk1svg_style.css sieht jetzt bei mir so aus:
/* 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;}

#table-SVG_FileLog_HeizungFenster_ClimRT_tr_1 svg { height:0px; width:0px; visibility:hidden; }

Sieht nur jetzt irgendwie schmlimmer als wie vorher aus, ist alles verschoben usw.

Hab jetzt auchmal Firefox und Firebug installiert, nur was muss ich da dann machen?
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Bubbles71

Hallo,

die einzelnen Steuersymbole kann man "ausblenden" über die Modifikation der entsprechenden .css (.css der Seite, z.B. darkstyle.css) , wenn plotEmbedded = 0 gesetzt ist (damit können die einzelnen Plots direkt über ihre ID angesprochen werden.

Mein Plot ist in dem Beispiel: SVG_FileLog_TempSens1_1. Über diese ID kommt man dann an die einzelnen Steuerelemente, die eine eigene class haben: Zoom-In, Zoom-Out, ...
hier habe ich die Größe auf 0 px reduziert (damit die Icons auch keinen Platz verbrauchen) und hidden gesetzt. Damit sind die Steuerelemente weg ;-)
(gugstdu Bild rechts oben)


#SVG_FileLog_TempSens1_1 svg.Zoom-in {height:0px; width:0px; visibility:hidden; }
#SVG_FileLog_TempSens1_1 svg.Zoom-out {height:0px; width:0px; visibility:hidden; }
#SVG_FileLog_TempSens1_1 svg.Prev {height:0px; width:0px; visibility:hidden; }
#SVG_FileLog_TempSens1_1 svg.Next {height:0px; width:0px; visibility:hidden; }


Lg,

Roland


Tommy82

Hi Roland, werd ich gleich mal testen, aber hab wie oben geschrieben das Problem das gerade alles irgendwie ganz verschoben ist und ich noch nicht genau weiss wieso.....

Hab es zwar schon wieder etwas hinbekommen, aber jetzt wird plötzlich links wieder das Fhem Logo angezeigt welches nicht da sein dürfte.
Meine
Zitatdarkfloorplanstyle.css
sieht so aus, vieleicht sieht ja einer meinen Fehler
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; }

#backimg {position:absolute; top:15px; left:190px;}
#logo { display:none !important;}
#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; }

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: white; }
.devicestate    { text-align:center; color: white; }
.devicecommands { font-size:14px; text-align:center; color: white; }
        .devicetimestamp{ font-size:10px; text-align:center; color: white; }

#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; }

#Wetter {font-size:28px; color: #FF00FF; }

#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_Home       {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Home              {font-size:14px; text-align:left; }
#weblink_meinwetter {font-size:28px; color: #FFFFFF; }
#MeinWetter {font-size:28px; color: #FFFFFF; }
#w_WertListe1            {font-size:20px; color:white}
.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; }
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Bubbles71

Hallo Tommy,

lösche einfach mal das Background-image in der Zeite body:

body     { background-color: #4444; font-family:Arial, Helvetica, sans-serif; font-size:13px;  background-repeat:no-repeat; }

LG,

Roland

Tommy82

Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tommy82

#7
Hallo Roland,
ich habs jetzt einigermassen wieder hin bekommen, wobein es immer noch nicht wie gestern ist.
Naja,

Hab jetzt mal in meiner darkfloorplan #SVG_FileLog_HeizungFenster_ClimRT_tr_1.Zoom-in {height:0px; width:0px; visibility:hidden; } eingefügt, in der Hoffnung das dann das Zoom In weg ist, wird aber wie im Anhang zu sehen immer noch angezeigt

Meine
Zitatdarkfloorplanstyle.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; }
#SVG_FileLog_HeizungFenster_ClimRT_tr_1.Zoom-in {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; }


In der fhem.cfg habe ich für den WebTablett zugang noch den Prefix gesetzt auf
Zitatattr WEBtablet stylesheetPrefix kirk1svg_style.css
Der Inhalt ist:
/* 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;}



Dazu kommt das die Schrift des Plots schwarz ist, so das ich keine Bezeichnung mehr sehe.
Wie kann ich das ändern? In dem zusammenhang wie hast du die Schrift deines Plots zu Lcars hinbekommen?

Danke
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

UliM

Hi,
Wg SVG-icons: es gibt ein Attribut der Fhemweb-Instanz, mit dem man einstellt, welche icons bevorzugt genutzt werden sollen, ich glaube es war iconPath. Solange das nicht gesetzt ist, kNn fhemweb die SVG-icons nicht finden.
=8-)
RPi4/Raspbian, CUL V3 (ca. 30 HomeMatic-devices), LAN (HarmonyHub, alexa etc.).  Fördermitglied des FHEM e.V.

Tommy82

Zitat von: UliM am 26 Oktober 2014, 18:13:51
Hi,
Wg SVG-icons: es gibt ein Attribut der Fhemweb-Instanz, mit dem man einstellt, welche icons bevorzugt genutzt werden sollen, ich glaube es war iconPath. Solange das nicht gesetzt ist, kNn fhemweb die SVG-icons nicht finden.
=8-)

Hi Uli, hab ich vergesehen zu erwähnen, aber iconPath ist natürlich gesetzt:
attr WEBtablet iconPath fhemSVG:openautomation:default:icons_small:weather
Also daran sollte es nicht liegen
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tommy82

#10
Hab jetzt noch was gespielt, und nun sind die Steuerelemente weg, allerdings auch die Bezeichnung, bzw. diese ist da allerdings wohl schwarz, was sich auf schwarzem Hintergrund schlecht liesst. :-)

Allerdings finde ich in der .css nicht den entsprechenden Eintrag um die Farbe der Bezeichnung zu ändern.  Wie kann ich die Ändern?

Danke

Hab noch weiter gespielt, bekomme aber die Plot beschriftung nicht wie gewünscht weiss.
Die
Zitatdarkfloorplanstyle.css
welche ich dem Floorplan zugewiesen habe sieht jetzt 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; }

#SVG_FileLog_HeizungFenster_ClimRT_tr_1 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; }

#SVG_FileLog_HeizungFenster_ClimRT_tr_1 { color:white; }

#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: #FF00FF; }
.devicestate    { text-align:center; color: #FF00FF; }
.devicecommands { font-size:14px; text-align:center; color: #FF00FF; }
        .devicetimestamp{ font-size:10px; text-align:center; color: #FF00FF; }


#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_Home       {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Home               {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; }


und die
Zitatkirk1svg_style.css
welche ich in der fhem.cfg dem Webtablet zugewiesen habe attr WEBtablet stylesheetPrefix kirk1svg_style.css
sieht jetzt so aus:
/* Author: Volker */
text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:red;}
text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:red;}
text.copy { text-decoration:underline; stroke:none; fill:blue;}
text.paste { text-decoration:underline; stroke:none; fill:blue;}

polyline { stroke:red; fill:none; }
.border { stroke:red; fill:url(#gr_bg);}
.vgrid { stroke:red; stroke-dasharray:2,6;}
.hgrid { stroke:red; stroke-dasharray:2,6;}
.pasted { stroke:red; 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:red;   }  text.l5 { stroke:none; fill:red;   }
.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 gesagt hab versucht die Plot Schrift weiss zubekommen, unter anderem hier mit:
#SVG_FileLog_HeizungFenster_ClimRT_tr_1 svg { color:white; } in der darkfloorplanstyle.css

leider ohne erfolg. Was kann ich noch machen?


Hab mir jetzt die ganze nacht noch gedanken gemacht, leider ohne besserung.

Seltsam finde ich noch wenn ich in der fhem.cfg für die Webtablet dern Eintrag von
define WEBtablet FHEMWEB 8085 global
attr WEBtablet hiddenroom DashboardRoom,AlarmRoom
attr WEBtablet iconPath fhemSVG:openautomation:default:icons_small:weather
attr WEBtablet stylesheetPrefix kirk

auf
define WEBtablet FHEMWEB 8085 global
attr WEBtablet hiddenroom DashboardRoom,AlarmRoom
attr WEBtablet iconPath fhemSVG:openautomation:default:icons_small:weather
attr WEBtablet stylesheetPrefixkirk1svg_style.css

ändere das dann wieder alles Verschiben ist und dann auch wieder die Steuerelemente um den Plot da sind, allerdings wieder in übergröße...

Hoffe es hat noch einer eine idee
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tommy82

#11
So, hab mal noch ein bischen rum probiert, und jetzt sind diese übergrossen Symbole wenigstens weg, hab den iconPath mal gelöscht.

Allerdings haben die Plots jetzt einen Hintergrund und die Beschriftung ist immer noch in schwarz auf schwarzem Hintergrund, die Tips von oben haben leider nicht geholfen.
Der darkfloorplanstyle.css ist dem Floorplan zugeordnet. Die kirk1_svgstyle.css ist der Webtablett instanz zu geordnet.

Hab das ganze auch mal versucht über firebug zu lösen, aber bringt mich leider auch nicht weiter.

Hoffe es hat noch einer eine idee
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tommy82

So, habs endlich wieder hinbekommen.

Hab die beiden .css datein mal wiedr auf default zurückgesetzt und dann nochmal neu gestaltet, jetzt funktioniert es wieder.

Danke für die Hilfe
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI