Zeilenhöhe in Tabelle beeinflussen

Begonnen von Gunther, 03 Januar 2018, 14:35:38

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten1
Benutzer-Aktionen

Gunther

03 Januar 2018, 14:35:38
Wie kann ich in einer Tabelle die Zeilenhöhe beeinflussen?

Im Screenshot ist zu sehen, dass meine Zeilen unnötigerweise aus dem Tablet-Grids rausgehen.
Konkret möchte ich die Überschriftszeile flacher haben und die darunterliegenden Zeilen näher aneinander rücken.

Das ist mein Code (arbeite mit sheet/row/cell-Layout, bin aber auch für Alternativen offen).
ACHTUNG, viel Code. Bitte nicht abschrecken lassen. Es sollte ja anhand von einer Zeile erklärbar sein. Leider kann ich mit weniger Zeilen den Effekt nicht darstellen.
Code Auswählen
<html>
<head>

</head>
<body>
  <div class="page" id="heating_etage_set">
    <div class="gridster">
    <ul>
   
    <li data-row="1" data-col="3" data-sizex="26" data-sizey="18">

<div data-template="template_label_title.html" data-parameter='{"var_title":"Einstellungen Heizungsautomatik"}'></div>

<!-- Start Tabelle-->
        <div class="sheet">
       
        <!-- Start Zeile-->
        <div class="row top-narrow">

<!-- Start Spalte Raum-->
<div class="cell-1-6 bg-gray">
<div class="big left-align left-space darker" data-type="label">Raum</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered bg-gray">
<div class="big center-align darker" data-type="label">Ist-Temp</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered bg-gray">
<div class="big center-align darker" data-type="label">Heizen</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5 centered bg-gray">
<div class="big center-align darker" data-type="label">Tag/Anwesend</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5 centered bg-gray">
<div class="big center-align darker" data-type="label">Nacht/Abwesend</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5 centered right-align bg-gray">
<div class="big center-align darker" data-type="label">Nicht-Heizen/Urlaub</div>
</div>
        <!-- Ende Spalte kalt -->

</div>
        <!-- Ende Zeile-->
       
        <!-- Start Zeile-->
        <div class="row top-narrow">       
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">OG Schlafzimmer</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="og_sz_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="og_sz_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="og_sz_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_sz_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_sz_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_sz_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->

</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row top-narrow">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">OG Hilkezimmer</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="og_az_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="og_az_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="og_az_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_az_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_az_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_az_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">OG Gästezimmer</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="og_gz_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="og_gz_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="og_gz_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gz_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gz_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gz_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">OG Giebelraum</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="og_gr_Heizung_Clima"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="og_gr_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="og_gr_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gr_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gr_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_gr_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">OG Badezimmer</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="og_bz_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="og_bz_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="og_bz_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_bz_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_bz_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="og_bz_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">EG Küche</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="eg_ku_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="eg_ku_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="eg_ku_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ku_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ku_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ku_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">EG Kino</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="eg_ki_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="eg_ki_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="eg_ki_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ki_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ki_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_ki_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">EG Büro</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="eg_az_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="eg_az_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="eg_az_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_az_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_az_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_az_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">EG Badezimmer</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="eg_bz_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="eg_bz_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="eg_bz_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_bz_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_bz_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="eg_bz_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->

        <!-- Start Zeile-->
        <div class="row">
<!-- Start Spalte Raum-->
<div class="cell-1-6">
<div class="big left-align left-space darker" data-type="label">KG Wellness</div>
</div>
        <!-- Ende Spalte Raum-->
       
        <!-- Start Spalte Ist-Temp-->
<div class="cell-1-8 centered">
<div data-type="label"
data-device="k_Foto_Wandthermostat_Climate"
data-get="measured-temp"
data-unit="%B0C%0A"
data-fix="1"
data-limits="[10,19,22]"
data-colors='["lightblue","darker","red"]'
class="big center-align">
</div>
</div>
        <!-- Ende Spalte Ist-Temp-->
       
<!-- Start Spalte Heizen? -->
<div class="cell-1-8 centered">
<div class="v-box center-align">
<div data-type="checkbox" data-device="k_Foto_heizen" data-get-on="ja" data-get-off="nein" data-set-on="ja" data-set-off="nein" data-off-background-color="blue" class="small"></div>
<div class="darker" data-type="label" data-device="k_Foto_heizen"></div>
</div>
</div>
        <!-- Ende Spalte Heizen? -->
       
        <!-- Start Spalte Tag -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="k_Foto_temperatur_tag"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Tag -->
       
<!-- Start Spalte Nacht -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="k_Foto_temperatur_nacht"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-3x">
</div>
</div>
</div>
        <!-- Ende Spalte Nacht -->
       
        <!-- Start Spalte kalt -->
<div class="cell-1-5">
<div class="centered">
<div data-type="spinner"
data-device="k_Foto_temperatur_kalt"
data-icon-left-color="blue"
data-icon-right-color="red"
data-step="0.5"
data-min="0"
data-max="30"
data-unit="°C"
data-width="150"
data-height="38"
class="valueonly center-align left-space-2x">
</div>
</div>
</div>
        <!-- Ende Spalte kalt -->
</div>
        <!-- Ende Zeile-->
       
        </div>
        <!-- Ende Tabelle-->

    </li>

   
    </ul>
    </div>
  </div>
</body>
</html>


FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Gunther

#1
05 Januar 2018, 08:22:00
Push  ;)
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden
Drucken
Nach oben Seiten1
Benutzer-Aktionen