Gridster <li> ausblenden

Eisix · 23 April 2018, 13:21:18

Hallo,

kriege es nicht hin.

index.html


<body>
<div class="gridster">
<ul>
        <li data-row="1" data-col="1" data-sizex="1" data-sizey="2" data-template="templates/tmp_LichtTerrasse.htm"></li>
        <li data-row="1" data-col="2" data-sizex="1" data-sizey="2" data-template="templates/tmp_LichtVR_mob.htm"></li>
        <li data-row="1" data-col="3" data-sizex="1" data-sizey="2" data-template="templates/tmp_Tueren.htm"></li>
        <li data-row="1" data-col="4" data-sizex="2" data-sizey="2" data-template="templates/tmp_Garagen.htm"></li>
        <li data-row="3" data-col="1" data-sizex="5" data-sizey="2" data-template="templates/tmp_Rolladen_mob.htm"></li>
        <li data-row="6" data-col="1" data-sizex="5" data-sizey="2" data-template="templates/tmp_Abfall.htm"></li>
        <li data-row="8" data-col="1" data-sizex="5" data-sizey="2" data-template="templates/tmp_Bose.htm"></li>
        <li data-row="10" data-col="1" data-sizex="5" data-sizey="2" data-template="templates/tmp_Multimedia_mob.htm"></li>
        <li data-row="12" data-col="1" data-sizex="5" data-sizey="2" data-template="templates/tmp_Homestatus_mob.htm"></li>
        <li data-row="1" data-col="6" data-sizex="10" data-sizey="12" data-template="Switch.htm"></li>
</ul>
</div>
</body>

Switch.htm

Code Auswählen


<div data-template="templates/tmp_Fernsehen_mob.htm" data-type="html" data-class="hub:activity" data-map-class='{"Fernsehen":"show", ".*":"hide"}'></div>
<div data-template="templates/tmp_AmazonPrime_mob.htm" data-type="html" data-class="hub:activity" data-map-class='{"AmazonPrime":"show", ".*":"hide"}'></div>

Es wird nur die leere Box angezeigt. Ist das wieder das template im template Problem?

Gruß
Eisix

drhirn · 23 April 2018, 13:23:09

Kann ich nicht sagen. Aber probier's einfach mal ohne Template.

dt2510 · 23 April 2018, 13:31:02

Zitat von: Eisix am 23 April 2018, 13:21:18
Es wird nur die leere Box angezeigt. Ist das wieder das template im template Problem?

Template in Template geht nicht, lässt sich aber einfach beheben:

statt data-template= nimmst du data-url= und packst das ganze mit data-type="include" in einen <DIV> Tag, falls es dort nicht sowieso schon steht. Also z.B.

Code Auswählen

<div data-type="html" data-class="hub:activity" data-map-class='{"AmazonPrime":"show", ".*":"hide"}'>
  <div data-type="include" data-url="templates/tmp_AmazonPrime_mob.htm"></div>
</div>

data-type="html" muss dann aussen um das <DIV> herum...

Eisix · 23 April 2018, 14:43:12

Habe jetzt gerade ohne zweites Template und mit include probiert und beide Varianten funktionieren.

Nicht ganz so elegant wie das <li> ausblenden aber nahe dran. Die dritte Spalte zeigt dann halt eine leere Box.

Danke!

Gruß
Eisix

FHEM Forum

Gridster <li> ausblenden

Eisix

drhirn

dt2510

Eisix