CR: Push Widget mit data-background-color / data-color

[dancatt]

Hallo,

ist es möglich für das widget "push" noch die Attribute "data-background-color" und "data-color" einzubauen analog dem "multistatebutton" Widget?

Vielen Dank.

Gruß Daniel

[setstate]

Das macht für mich keinen richtigen Sinn. data-off-* ist für den ungedrückt-Zustand, data-on-* ist für den gedrückt-Zustand (oranger Glow-Effekt). Push reagiert auch nicht auf updates von FHEM, wie Multistate-Button.

Was hast du vor, bzw. welche Absicht hat der CR?

[dancatt]

Ok. Das Thema mit "data-color" hat sich erledigt.

"data-background-color" hätte ich gerne noch, damit der Hintergrund einfarbig ist.

Code Auswählen Erweitern


<div data-type="push"
       data-icon="oa-edit_settings"
       data-off-color="black"
       data-background-icon="fa-square-o">
</div>

Das Ganze öffnet dann ein Popup.

[setstate]

Es gibt background Color, aber eben nur getrennt:
data-on-background-color
data-off-background-color

[dancatt]

Das macht mir den Hintergrund des oberen Icons leider nicht grau so wie in dem unteren Icon.
Sind aber auch Kleinigkeiten.

[setstate]

Das macht mir den Hintergrund des oberen Icons leider nicht grau so wie in dem unteren Icon.
Sind aber auch Kleinigkeiten.

Doch, der Hintergrund ist grau -> der Ring ist grau. Wenn es gefüllt sein soll, musst du statt

Code Auswählen Erweitern

data-background-icon="fa-square-o"

dieses Icon benutzen

Code Auswählen Erweitern


data-background-icon="fa-square"

Das *-o steht für Ring. Gefüllt immer ohne *-o

[dancatt]

Hmmm. Funzt leider nicht. Hier mal meine Definition:

Code Auswählen Erweitern


<div data-type="popup"
   data-height="150px"
   data-width="400px"
   class="">
   <div data-type="push"
       data-icon="oa-edit_settings"
       data-off-color="black"
       data-background-icon="fa-square">
    </div>
    <div class="dialog dialogTransparent">
       <header class="dialogheaderTransparent">HEIZUNG - ALLE - AUTO</header>
       <div class="top-space">
      <div class="inline">
              <div data-type="push"
                    data-device="<?ftui-key=device ?>_Clima"
                    data-set="controlMode"
                    data-set-on="auto"
                    data-icon="oa-sani_heating_automatic"
                    class="bigger">
              </div>
<div data-type="label"
class="cell narrow">AUTO
</div>
</div>
<div class="inline">
<div data-type="push"
data-device="<?ftui-key=device ?>_Clima"
data-set="controlMode"
data-set-on="manual"
data-icon="oa-sani_heating_manual"
class="bigger">
</div>
<div data-type="label"
class="cell narrow">MANU
</div>
</div>
<div class="inline">
<div data-type="push"
data-device="<?ftui-key=device ?>_Clima"
data-set="controlManu"
data-set-on="off"
data-icon="fa-power-off"
class="bigger">
</div>
<div data-type="label"
class="cell narrow">AUS
</div>
</div>
<div class="inline">
<div data-type="push"
data-device="<?ftui-key=device ?>_Clima"
data-set="desired-temp"
data-set-on="21.5"
data-icon="fa-sun-o"
class="bigger">
</div>
<div data-type="label"
class="cell narrow">21.5°C
</div>
</div>
</div>
</div>
</div>


[dancatt]

hat sich erledigt. geht doch wie du geschrieben hast.

Vielen Dank.