FHEM Forum

HI!

Ich habe mir eine feine hbox gebastelt die soweit super funktioniert...

Nun komme ich aber nicht ganz weiter...

Ich würde gerne den Bereich "Alexa spielt gerade" (ganz unten im code) gerne so festsetzen das er immer, wenn er sichtbar ist in der Mitte der hbox ist und alles andere sich  drumrum verteilt wenn es sichtbar wird.

Geht sowas? Hat jemand einen Tipp für mich?

Hier der Code meiner hbox:
<div class="bold large" style="background:gray;color:black;">Informationsfeld</div>





<div class="hbox large">





<div>

<div data-type="symbol" data-device="SENSOR_1_Heizung" class="cell-narrow" data-get="state"

data-limits='["open","closed"]'

data-icons='["oa-sani_boiler_temp","oa-sani_boiler_temp"]'

data-colors='["#FF0000","grey"]'

data-hide="state"

data-hide-on="closed"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="closed" data-device="SENSOR_1_Heizung" data-states='["open","closed"]' data-colors='["#FF0000","grey"]'>&nbsp&nbspHEIZUNG STÖRUNG!&nbsp&nbsp</div>

</div>









<div>

<div data-type="symbol" data-device="SENSOR_1_Tor" class="cell-narrow" data-get="state"

data-limits='["open","closed"]'

data-icons='["oa-fts_door_open","oa-fts_door"]'

data-colors='["#FF0000","grey"]'

data-hide="state"

data-hide-on="closed"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="closed" data-device="SENSOR_1_Tor" data-states='["open","closed"]' data-colors='["#FF0000","grey"]'>&nbsp&nbspTOR OFFEN!&nbsp&nbsp</div>

</div>









<div>

<div data-type="symbol" data-device="EingangsTuer" class="cell-narrow" data-get="state"

data-limits='["open","closed"]'

data-icons='["oa-fts_door_open","oa-fts_door"]'

data-colors='["#00FF00","grey"]'

data-hide="state"

data-hide-on="closed"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="closed" data-device="EingangsTuer" data-states='["open","closed"]' data-colors='["#00FF00","grey"]'>&nbsp&nbspEingang&nbsp&nbsp</div>

</div>









<div>

<div data-type="switch" data-device="Kellerverstaerker" class="cell-narrow" data-get="state" data-on-background-color="#00FF00"

data-limits='["on","off"]'

data-icons='["fa-volume-up","fa-volume-up"]'

data-colors='["black","black"]'

data-hide="state"

data-hide-on="off"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="off" data-device="Kellerverstaerker" data-states='["on","off"]' data-colors='["#00FF00","grey"]'>&nbsp&nbspKellerverstärker&nbsp&nbsp</div>

</div>









<div>

<div data-type="switch" data-device="Gartenverstaerker" class="cell-narrow" data-get="state" data-on-background-color="#00FF00"

data-limits='["on","off"]'

data-icons='["fa-volume-up","fa-volume-up"]'

data-colors='["black","black"]'

data-hide="state"

data-hide-on="off"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="off" data-device="Gartenverstaerker" data-states='["on","off"]' data-colors='["#00FF00","grey"]'>&nbsp&nbspGartenverstärker&nbsp&nbsp</div>

</div>







<div>

<div data-type="switch" data-device="KellerTablet" class="cell-narrow" data-get="state" data-on-background-color="#00FF00"

data-limits='["on","off"]'

data-icons='["fa-tablet","fa-tablet"]'

data-colors='["black","black"]'

data-hide="state"

data-hide-on="off"></div>

<div class="fixedlabel" data-type="label" data-hide="STATE" data-hide-on="off" data-device="KellerTablet" data-states='["on","off"]' data-colors='["#00FF00","grey"]'>&nbsp&nbspKeller Tablet&nbsp&nbsp</div>

</div>





<!-- =================================================================Anrufmonitor=================================================================== -->


<div>

<div data-type="switch" class="cell-narrow"

data-device="CallList"

data-get="count-misses-calls"

data-set="clear"

data-on-color="black"

data-background-color="#00FF00"

data-hide="count-missed-calls"

data-hide-on="0"

data-icon="oa-phone_missed_in"></div>

<div class="fixedlabel" data-type="label" data-hide="count-missed-calls" data-hide-on="0" data-device="CallList" data-color="#00FF00">&nbsp&nbspAnruf von:&nbsp&nbsp</div>

</div>



<div>

<div>

<div data-type="label" data-device="CallList" data-hide="count-missed-calls" data-hide-on="0" data-get="1-name" class=""></div>

<div data-type="label" data-device="CallList" data-hide="count-missed-calls" data-hide-on="0" data-get="1-number" class=""></div>

</div>



<div>

<div data-type="label" data-device="CallList" data-hide="count-missed-calls" data-hide-on="0" data-get="2-name" class=""></div>

<div data-type="label" data-device="CallList" data-hide="count-missed-calls" data-hide-on="0" data-get="2-number" class=""></div>

</div>

</div>



<div>

<div data-type="switch" class="cell-narrow"

data-device="CallList"

data-get="Anrufbeantworter"

data-set="clear"

data-on-color="black"

data-background-color="#00FF00"

data-hide="Anrufbeantworter"

data-hide-on="0"

data-icon="oa-phone_answering"></div>

<div class="fixedlabel" data-type="label" data-hide="Anrufbeantworter" data-hide-on="0" data-device="CallList" data-color="#00FF00">&nbsp&nbspAnrufbeantworter!&nbsp&nbsp</div>



</div>



<!-- =================================================================Alexa Spielt gerade...=================================================================== -->


<div>

<br>

<div class="fixedlabel" data-type="label" data-hide="playStatus" data-hide-on="(?!.*playing).*" data-device="ECHO_G4A0XL09332150ESM" data-color=["#00FF00"]>&nbsp&nbspEs läuft gerade:</div>

<div class="" data-type="label" data-hide="playStatus" data-hide-on="(?!.*playing).*" data-device="ECHO_G4A0XL09332150ESM" data-states='["playing","stopped"]' data-colors='["#00FF00","grey"]' data-get="currentTitle"></div>

<div class="" data-type="label" data-hide="playStatus" data-hide-on="(?!.*playing).*" data-device="ECHO_G4A0XL09332150ESM" data-colors='["#00FF00","grey"]' data-get="currentArtist" data-pre-text="von: "></div>

</div>