Hallo,
hmm, ich komm nicht weiter und kann beim besten Willen nicht nachvollziehen, warum.
Wenn ich folgenden code verwende, dann wird die section mit col/row höher gemacht, als bei den anderen sections. Siehe Bild bei "Garagentor". Das sieht scheisse aus.
<!DOCTYPE html>
<html>
<head>
<!-- FHEM Tablet UI V2.6 -->
<!-- Template für Garage -->
</head>
<body>
<div class="row">
<div class="col-25">
<div data-type="symbol"
data-device="Neigungssensor_Garage_ZG8101"
data-get="basicSet"
data-states='["0","255"]'
data-colors='["tomy","tomy2"]'
data-color="tomy2"
data-icon="fa-car"
class="compressed">
</div>
</div>
<div class="col-55 left-align">
<div class="big">Garagentor</div>
<div class="hbox left">
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ee()" data-unit="" data-color="gray" class="timestamp"></div>
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ddmm()" data-unit="" data-color="gray" class="timestamp"></div>
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().hhmm()" data-color="gray" class="timestamp"></div>
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-states='["0","255"]' data-substitution='["0","closed","255","open"]' data-colors='["black","blue"]' data-unit=""></div>
</div>
</div>
<div class="col-20">
<div data-type="checkbox"
data-device="Garage_T_FSR61"
data-get="state"
data-icon="fa-square"
data-get-on="B0"
data-get-off="BI"
class="small blue">
</div>
</div>
</div>
</body>
</html>
wenn ich aber innerhalb dieses codes bei hbox-left zwei div's rausnehme, dann gehts, Siehe Bild 2.
also wenn der code wie folgt ist:
<!DOCTYPE html>
<html>
<head>
<!-- FHEM Tablet UI V2.6 -->
<!-- Template für Garage -->
</head>
<body>
<div class="row">
<div class="col-25">
<div data-type="symbol"
data-device="Neigungssensor_Garage_ZG8101"
data-get="basicSet"
data-states='["0","255"]'
data-colors='["tomy","tomy2"]'
data-color="tomy2"
data-icon="fa-car"
class="compressed">
</div>
</div>
<div class="col-55 left-align">
<div class="big">Garagentor</div>
<div class="hbox left">
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ee()" data-unit="" data-color="gray" class="timestamp"></div>
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ddmm()" data-unit="" data-color="gray" class="timestamp"></div>
<!--<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().hhmm()" data-color="gray" class="timestamp"></div>
<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-states='["0","255"]' data-substitution='["0","closed","255","open"]' data-colors='["black","blue"]' data-unit=""></div>-->
</div>
</div>
<div class="col-20">
<div data-type="checkbox"
data-device="Garage_T_FSR61"
data-get="state"
data-icon="fa-square"
data-get-on="B0"
data-get-off="BI"
class="small blue">
</div>
</div>
</div>
</body>
</html>
doch warum das so ist, keine Ahnung. Kann das jemand nachvollziehen. Die Col-55 hat genug Platz um das alles reinzuschreiben.