FHEM Forum

FHEM => Frontends => fronthem / smartVISU => Thema gestartet von: Nic0205 am 25 Juli 2016, 21:18:43

Titel: Farbe von svg Icons ändern
Beitrag von: Nic0205 am 25 Juli 2016, 21:18:43
Hallo zusammen,

ich würde gerne, sobald ein gad den Wert 0 hat, ein icon grün färben und bei wert 1 entsprechend rot.

So ist aktuell meine Widgetdefinition:

      <li data-icon="false">
      <a href="index.php?page=dg.masterbad">
        {{ basic.symbol('f1a', 'fenster_WZ_v.STATE', 'Wohnzimmer vorn', icon0~'fts_window_1w_open.svg') }}
        {{ basic.symbol('f1z', 'fenster_WZ_v.STATE', 'Wohnzimmer vorn', icon1~'fts_window_1w.svg', 0) }}
      </a>
      </li>


Ich stosse dabei auf zwei Fragen:

1. Wo definiere ich den Pfad der hinter "icon0" und "icon1" steckt
2. wie kann ich hier noch die Farbe mitgeben?

Vielen Dank für Eure Hilfe.

Grüße
Nic
Titel: Antw:Farbe von svg Icons ändern
Beitrag von: Nic0205 am 26 Juli 2016, 21:25:23
Hallo,

ich bin am verzweifeln.

Ich habe mit Firebug das Element untersucht und dann die CSS Eigenschaft geändert:

span#fenster-f12a.symbol.hide img.icon

{
    float: left;
    position: relative; left: -1em; top: -0.6em;
    width: 60px;
    height: 60px;
    fill:red;
}


Mit fill:red hätte ich gedacht das ich das svg einfärben kann - aber es passiert einfach nichts ;-(

Hat vielleicht doch noch jemand eine Idee für ich?
Titel: Antw:Farbe von svg Icons ändern
Beitrag von: joshi04 am 27 Juli 2016, 06:04:44
Auch wenn ich Dir nicht direkt helfen kann (bin selbst noch nicht so weit), diesen Beitrag kennst Du, oder?
Zitat von: dev0 am 02 März 2016, 06:30:42
Wenn Du ein komplett neues Farbthema erstellen möchtest, dann wirst Du hier fündig:
...

Und vielleicht schaffst Du es, das aus den Std-Widgets der V2.8 herauszuextrahieren.

Und natürlich bin ich auch am Mechanismus zur Dokumentation im Wiki interessiert.
Schöne Grüße, John


Gesendet von meinem iPhone mit Tapatalk
Titel: Antw:Farbe von svg Icons ändern
Beitrag von: Bennemannc am 27 Juli 2016, 07:58:37
Hallo,

wenn das vom STATE abhängig ist, geht das "einfärben" mit DevStateIcon on:ICON1@red off:ICON2@green - ggf. wenn man einen Schalter hat on:ICON@Farbe:off off:ICON@Farbe:on. Dann wir beim Klicken auf das Icon umgeschaltet.

Gruß Christoph
Titel: Antw:Farbe von svg Icons ändern
Beitrag von: Nic0205 am 27 Juli 2016, 08:33:05
Hallo Christoph,

vielen Dank für deine Antwort. So ganz verstehe ich sie aber leider noch nicht.

DevStateIcon kenne ich als Attribut in fhem - wie und wo binde ich das denn in smartvisu ein?

Bestimmt stehe ich gerade einfach nur auf dem Schlauch. ...

Gesendet von meinem GT-I9505 mit Tapatalk

Titel: Antw:Farbe von svg Icons ändern
Beitrag von: Bennemannc am 27 Juli 2016, 08:59:50
Sry - das smartVISU hatte ich überlesen. Ich arbeite nur mit dem "normalen" Desktop.

Gruß Christoph
Titel: Antw:Farbe von svg Icons ändern
Beitrag von: raman am 27 Juli 2016, 11:02:19
SmartVISU 2.8 vorausgesetzt sollte folgendes funktionieren:


{{ basic.symbol('f1a', 'fenster_WZ_v.STATE', 'Wohnzimmer vorn', icon0~'fts_window_1w_open.svg', '1', 'or', '#f00') }}
{{ basic.symbol('f1z', 'fenster_WZ_v.STATE', 'Wohnzimmer vorn', icon0~'fts_window_1w.svg', '0', 'or', '#0f0') }}