Ladeanzeige, wie leeres Backgroundicon?

[Tobias]

Hi,
während FHEM meine MediaList zusammenbaut kann es 1-2sek dauern. Währenddessen steht ein Reading auf "gathering filelist" ansonsten auf "idle".
Ich möchte nun genau für diesen Zeitraum eine Ladeanzeige einblenden. Dazu habe ich mir ein animiertes gif gesucht und per css und dem SymbolWidget eingebunden.
Klappt auch soweit super, aber wenn es NICHT angezeigt werden soll, so wird an dieser Stelle irgendein "Müll"-Icon angezeigt.
Die Frage ist nun, wie ich das SymbolWidget konfiguriere, damit es im "idle" Zustand Nichts anzeigt. Ein "" klappt zumindest nicht (-> irgendetwas wird angezeigt)

ftui_myself.css

Code Auswählen Erweitern

.loading {
            background: url(../images/loading.gif) no-repeat;
            width: 130px;
            height: 130px;
            background-size: contain;
}
[code][/code]

widget definition:

Code Auswählen Erweitern

<div data-type="symbol" data-device="MediaList_device"
          style="position:fixed;top:300px;left:300px"
          data-get="status"
          data-states='["gathering filelist","idle"]'
          data-background-icons='["loading", "-"]'
          class="bold large">
</div>


[Ulm32b]

Die Frage ist nun, wie ich das SymbolWidget konfiguriere, damit es im "idle" Zustand Nichts anzeigt.

Hierfür sollte sich "data-hide" eignen.

[Tobias]

passt, danke

Code Auswählen Erweitern

<div data-type="symbol" data-device="ML_par_device"
          style="position:fixed;top:270px;left:280px"
          data-get="status"
          data-states='["gathering filelist","idle"]'
          data-icons='["loading", "-"]'
          data-hide="status"
          data-hide-on="idle"
          class="gigantic">
</div>