Update (03.09.2017) - Elemente verschoben

Begonnen von gloob, 03 September 2017, 11:32:26

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

gloob

03 September 2017, 11:32:26 Letzte Bearbeitung: 03 September 2017, 11:39:23 von gloob
Hallo,

Hat sich zufällig etwas an den TabletUI Daten heute getan? Irgendwie sind bei mir seit heute alle Pagetabs und Items auf der Seite verschoben.
Hab leider nicht auf die Update Liste geschaut.



Edit: ein Wiederherstellen der JS und CSS Ordner bringt wieder die richtige Ansicht. Scheint also wirklich am Update von heute zu liegen.



Edit2: der Change Log zeigt ja auch das die Dateien geändert wurden

Code Auswählen
fhemtabletui
List of new / modified files since last update:
UPD www/tablet/css/fhem-tablet-ui.css
UPD www/tablet/css/ftui_chart.css
UPD www/tablet/js/fhem-tablet-ui.js
UPD www/tablet/js/fhem-tablet-ui.min.js
UPD www/tablet/js/widget_chart.js
UPD www/tablet/js/widget_classchanger.js
UPD www/tablet/js/widget_famultibutton.js
UPD www/tablet/js/widget_input.js
UPD www/tablet/js/widget_select.js
UPD www/tablet/js/widget_slider.js
UPD www/tablet/js/widget_swiper.js

New entries in the CHANGED file:
FHEM Tablet UI last change:
2017-09-01
- Changed slider/level to allow float values
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway

setstate

#1
03 September 2017, 16:11:37
Wie sah es denn vorher aus?

Zeigst du mir bitte den code für die Unterseite, dann kann ich das besser finden.

gloob

#2
03 September 2017, 16:14:21
Im Anhang ein Bild wie es eigentlich aussehen sollte.

Index:
Code Auswählen
<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * !!!! Evaluation version - run only in a staging enviroment !!!!
     *
     * - create a new folder named 'tablet_eval' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet_eval
     * - add 'define TABLETUIEVAL HTTPSRV ftui_eval ./www/tablet_eval Tablet-EVAL' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet_eval/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="75">
    <meta name="widget_base_height" content="50">
<meta name="widget_margin" content="1">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="longpoll_type" content="longpoll">
    <meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->
<meta name="toast" content="1">
    <meta http-equiv="Cache-Control" content="no-store" />

    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
<link rel="stylesheet" href="lib/openautomation.css"/>


    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <!-- <script src="../pgm2/jquery.min.js"></script> -->
    <!-- <script src="lib/jquery.toast.min.js"></script> -->
    <!-- <script src="lib/jquery.gridster.min.js"></script> -->
    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>Pi 1</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="14">
<div class="vbox items-space-around">
<div data-type="pagebutton" data-url="#sub1.html" data-load="#sub1" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern="(.*/||.*index_main_sub_demo.html||.*#sub1.*.html)" data-icon="fa-home"></div>
                <div data-type="pagebutton" data-url="#sub2.html" data-load="#sub2" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub2.*.html" data-icon="fa-music"></div>
                <div data-type="pagebutton" data-url="#sub3.html" data-load="#sub3" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub3.*.html" data-icon="fa-leaf"></div>
<div data-type="pagebutton" data-url="#sub4.html" data-load="#sub4" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub4.*.html" data-icon="fa-battery-half"></div>
                <div data-type="pagebutton" data-url="#sub5.html" data-load="#sub5" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub5.*.html" data-icon="fa-line-chart"></div>
<div data-type="pagebutton" data-url="#sub6.html" data-load="#sub6" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub6.*.html" data-icon="fa-lightbulb-o"></div>
                <div data-type="pagebutton" data-url="#sub7.html" data-load="#sub7" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub7.*.html" data-icon="fa-camera"></div>
<div data-type="pagebutton" data-url="#sub8.html" data-load="#sub8" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#sub8.*.html" data-icon="fa-cloud"></div>
</div>
</li>
<li data-row="1" data-col="2" data-sizex="12" data-sizey="14">
            <div class="page" id="sub1"></div>
            <div class="page" id="sub2"></div>
            <div class="page" id="sub3"></div>
<div class="page" id="sub4"></div>
            <div class="page" id="sub5"></div>
            <div class="page" id="sub6"></div>
<div class="page" id="sub7"></div>
            <div class="page" id="sub8"></div>
          </li>
</ul>
</div>
</body>
</html>

Menu:
Code Auswählen
<html>
    <body>
        <div class="cell">
            <div data-type="pagetab" data-url="sub1.html"  data-icon="fa-home" class="top-space"></div>
            <div data-type="pagetab" data-url="sub2.html"  data-icon="fa-music" class="top-space"></div>
            <div data-type="pagetab" data-url="sub3.html"  data-icon="fa-leaf" class="top-space"></div>
            <div data-type="pagetab" data-url="sub5.html"  data-icon="fa-line-chart" class="top-space"></div>
<div data-type="pagetab" data-url="sub4.html"  data-icon="fa-battery-half" class="top-space"></div>
<div data-type="pagetab" data-url="sub6.html"  data-icon="fa-lightbulb-o" class="top-space"></div>
<div data-type="pagetab" data-url="sub7.html"  data-icon="fa-camera" class="top-space"></div>
<div data-type="pagetab" data-url="sub8.html"  data-icon="fa-sun-o" class="top-space"></div>
        </div>
    </body>
</html>

Sub1:
Code Auswählen
<html>
<title>Home, Sweet Home</title>
<head>
</head>
<body>
<div class="page" id="sub1">
<div class="gridster">
<ul>
<!-- ****************************************** -->
<!-- Abfall -->
<!-- ****************************************** -->
<li data-row="1" data-col="1" data-sizex="4" data-sizey="2" class="semitransparent">
<div class="hbox items-space-around">
<div data-type="symbol"
data-device="abfall_Restmuell"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trash warn"]'
data-color="grey"
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
class="large"/>

<div data-type="symbol"
data-device="abfall_GelberSack"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trash warn"]'
data-color="gold"
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A" 
class="large"/>

<div data-type="symbol"
data-device="abfall_Biomuell"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trash warn"]'
data-color="green"
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
class="large"/>

<div data-type="symbol"
data-device="abfall_Papier"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trash warn"]'
data-color="blue"
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A" 
class="large"/>
</div>
</li>

<!-- ****************************************** -->
<!-- Uptime -->
<!-- ****************************************** -->
<li data-row="1" data-col="4" data-sizex="4" data-sizey="2" class="semitransparent">
<div class="hbox items-space-around">
<div class="vbox">
<div class="hbox items-space-around">
<div>RPi:</div>
<div data-type="label" data-device="sysmon" data-get="uptime_text" data-color="grey"/>
</div>
<div class="hbox items-space-around">
<div>FHEM:</div>
<div data-type="label" data-device="sysmon" data-get="fhemuptime_text" data-color="grey"/>
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Uhr -->
<!-- ****************************************** -->
<li data-row="1" data-col="9" data-sizex="4" data-sizey="2" class="semitransparent">
<div class="hbox items-space-around">
<div class="vbox">
<div data-type="clock" data-format="H:i:s" data-color="grey" class="tall thin"/>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Wohnzimmer -->
<!-- ****************************************** -->
<li data-row="3" data-col="1" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Wohnzimmer</font>
</header>

<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_WZ" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_WZ" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>

<div class="container row">
<div class="container top-space">
<div class="col-2-3 left">
<div data-type="thermostat" data-device="HM_WZ_Heizung_Clima" data-valve="ValvePosition" data-step="0.5" data-mode="controlMode" data-off="controlManu off" data-boost="controlMode boost" data-touch-height="large" data-touch-width="large" class="large"/>
</div>
<div class="col-1-3 top-space right">
<div data-type="circlemenu" class="circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_WZ_Heizung_Clima" data-get="controlMode" data-states='["auto","manual","boost"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual", "oa-sani_heating_boost"]' data-colors='["green","yellow","red"]' data-background-colors='["green","yellow","red"]'></div></li>
<li><div data-type="push" data-device="HM_WZ_Heizung_Clima" data-set="controlMode" data-set-on="boost" data-icon="oa-sani_heating_boost" data-off-background-color="red"></div></li>
<li><div data-type="push" data-device="HM_WZ_Heizung_Clima" data-set="controlMode" data-set-on="auto" data-icon="oa-sani_heating_automatic" data-off-background-color="green"></div></li>
<li><div data-type="push" data-device="HM_WZ_Heizung_Clima" data-set="controlMode" data-set-on="manual" data-icon="oa-sani_heating_manual" data-off-background-color="yellow"></div></li>
</ul>
</div>
<div data-type="circlemenu" data-direction="bottom-half" data-item-diameter="75" data-circle-radius="96" class="circlemenu">
<ul class="menu">
<li><div data-type="symbol" data-icon="oa-fts_shutter_40" data-on-color="green"></div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="off">zu</div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="20">20</div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="40">40</div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="60">60</div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="80">80</div></li>
<li><div class="white medium top-space" data-type="push" data-device="HM_WZ_Rollladen" data-background-icon="" data-icon="" data-set-on="on">auf</div></li>
</ul>
</div>
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Kinderzimmer -->
<!-- ****************************************** -->
<li data-row="3" data-col="5" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Kinderzimmer</font>
</header>
<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_KZ" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_KZ" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>

<div class="container row">
<div class="container top-space">
<div class="col-2-3 left">
<div data-type="thermostat" data-device="HM_KZ_Heizung_Clima" data-valve="ValvePosition" data-step="0.5" data-mode="controlMode" data-off="controlManu off" data-boost="controlMode boost" data-touch-height="large" data-touch-width="large" class="large"/>
</div>
<div class="col-1-3 top-space right">
<div data-type="circlemenu" class="circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_KZ_Heizung_Clima" data-get="controlMode" data-states='["auto","manual","boost"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual", "oa-sani_heating_boost"]' data-colors='["green","yellow","red"]' data-background-colors='["green","yellow","red"]'></div></li>
<li><div data-type="push" data-device="HM_KZ_Heizung_Clima" data-set="controlMode" data-set-on="boost" data-icon="oa-sani_heating_boost" data-off-background-color="red"></div></li>
<li><div data-type="push" data-device="HM_KZ_Heizung_Clima" data-set="controlMode" data-set-on="auto" data-icon="oa-sani_heating_automatic" data-off-background-color="green"></div></li>
<li><div data-type="push" data-device="HM_KZ_Heizung_Clima" data-set="controlMode" data-set-on="manual" data-icon="oa-sani_heating_manual" data-off-background-color="yellow"></div></li>
</ul>
</div>
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Schlafzimmer -->
<!-- ****************************************** -->
<li data-row="3" data-col="9" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Schlafzimmer</font>
</header>
<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_SZ" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_SZ" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>

<div class="container row">
<div class="container top-space">
<div class="col-2-3 left">
<div data-type="thermostat" data-device="HM_SZ_Heizung_Clima" data-valve="ValvePosition" data-step="0.5" data-mode="controlMode" data-off="controlManu off" data-boost="controlMode boost" data-touch-height="large" data-touch-width="large" class="large"/>
</div>

<div class="col-1-3 top-space right">
<!--
<div data-type="circlemenu" class="circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_SZ_Heizung_Clima" data-get="controlMode" data-states='["auto","manual","boost"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual", "oa-sani_heating_boost"]' data-colors='["green","yellow","red"]' data-background-colors='["green","yellow","red"]'></div></li>
<li><div data-type="push" data-device="HM_SZ_Heizung_Clima" data-set="controlMode" data-set-on="boost" data-icon="oa-sani_heating_boost" data-off-background-color="red"></div></li>
<li><div data-type="push" data-device="HM_SZ_Heizung_Clima" data-set="controlMode" data-set-on="auto" data-icon="oa-sani_heating_automatic" data-off-background-color="green"></div></li>
<li><div data-type="push" data-device="HM_SZ_Heizung_Clima" data-set="controlMode" data-set-on="manual" data-icon="oa-sani_heating_manual" data-off-background-color="yellow"></div></li>
</ul>
</div>
-->
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Küche -->
<!-- ****************************************** -->
<li data-row="8" data-col="1" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Küche</font>
</header>
<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_KU" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_KU" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>

<div class="container row">
<div class="container top-space">
<div class="col-2-3 left">
<div data-type="thermostat" data-device="HM_KU_Heizung_Clima" data-valve="ValvePosition" data-step="0.5" data-mode="controlMode" data-off="controlManu off" data-boost="controlMode boost" data-touch-height="large" data-touch-width="large" class="large"/>
</div>
<div class="col-1-3 top-space right">
<div data-type="circlemenu" class="circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_KU_Heizung_Clima" data-get="controlMode" data-states='["auto","manual","boost"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual", "oa-sani_heating_boost"]' data-colors='["green","yellow","red"]' data-background-colors='["green","yellow","red"]'></div></li>
<li><div data-type="push" data-device="HM_KU_Heizung_Clima" data-set="controlMode" data-set-on="boost" data-icon="oa-sani_heating_boost" data-off-background-color="red"></div></li>
<li><div data-type="push" data-device="HM_KU_Heizung_Clima" data-set="controlMode" data-set-on="auto" data-icon="oa-sani_heating_automatic" data-off-background-color="green"></div></li>
<li><div data-type="push" data-device="HM_KU_Heizung_Clima" data-set="controlMode" data-set-on="manual" data-icon="oa-sani_heating_manual" data-off-background-color="yellow"></div></li>
</ul>
</div>
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Bad -->
<!-- ****************************************** -->
<li data-row="8" data-col="5" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Bad</font>
</header>
<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_BA" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_BA" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>

<div class="container row">
<div class="container top-space">
<div class="col-2-3 left">
<div data-type="thermostat" data-device="HM_BA_Heizung_Clima" data-valve="ValvePosition" data-step="0.5" data-mode="controlMode" data-off="controlManu off" data-boost="controlMode boost" data-touch-height="large" data-touch-width="large" class="large"/>
</div>
<div class="col-1-3 top-space right">
<div data-type="circlemenu" class="circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_BA_Heizung_Clima" data-get="controlMode" data-states='["auto","manual","boost"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual", "oa-sani_heating_boost"]' data-colors='["green","yellow","red"]' data-background-colors='["green","yellow","red"]'></div></li>
<li><div data-type="push" data-device="HM_BA_Heizung_Clima" data-set="controlMode" data-set-on="boost" data-icon="oa-sani_heating_boost" data-off-background-color="red"></div></li>
<li><div data-type="push" data-device="HM_BA_Heizung_Clima" data-set="controlMode" data-set-on="auto" data-icon="oa-sani_heating_automatic" data-off-background-color="green"></div></li>
<li><div data-type="push" data-device="HM_BA_Heizung_Clima" data-set="controlMode" data-set-on="manual" data-icon="oa-sani_heating_manual" data-off-background-color="yellow"></div></li>
</ul>
</div>
</div>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Wetter -->
<!-- ****************************************** -->
<li data-row="8" data-col="9" data-sizex="4" data-sizey="4" class="semitransparent">
<header>
<font size="+1">Wetter</font>
</header>

<div class="container row top-space">
<div class="col-1-2 left">
<div data-type="label"
                                data-device="LaCrosse_BK" data-get="temperature" data-unit="%B0C%0A" data-fix="1"
                                data-limits='[-20,20,25]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
<div class="col-1-2 right">
<div data-type="label"
                                data-device="LaCrosse_BK" data-get="humidity" data-unit="%%0A" data-fix="1"
                                data-limits='[0,40,65]' data-colors='["skyblue","green","orangered"]' class="big">
</div>
</div>
</div>
<div class="container row">
<div class="container top-space">
<div data-type="weather" data-device="AgroWeather" data-get="fc0_weatherDay" class="tall"/>
</div>
</div>
</li>

<!-- ****************************************** -->
<!-- Steckdosen -->
<!-- ****************************************** -->
<li data-row="14" data-col="1" data-sizex="12" data-sizey="4" class="semitransparent">
<div class="hbox items-space-around">
<div class="vbox">
<div data-type="switch" class="big" data-device="Switch_Licht" data-get-on="on|On" data-set-on="on" data-get-off="off"/>
<div class="thin">Wohnzimmer</div>
</div>
<div class="vbox">
<div data-type="switch" class="large" data-device="sonoff0" data-get-on="on|On" data-set-on="on" data-get-off="off"/>
<div class="thin">Rainbow</div>
</div>
<div class="vbox">
<div data-type="switch" class="large" data-device="sonoff1" data-get-on="on|On" data-set-on="on" data-get-off="off"/>
<div class="thin">Good Karma</div>
</div>
<div class="vbox">
<div data-type="switch" class="large" data-device="sonoff4" data-get-on="on" data-get-off="off"/>
<div class="thin">Hell Sinki</div>
</div>
<div class="vbox">
<div data-type="switch" class="large" data-device="sonoff5" data-get-on="on" data-get-off="off"/>
<div class="thin">Flaschen</div>
</div>
<div class="vbox">
<div data-type="switch" class="large" data-device="sonoff8" data-get-on="on" data-get-off="off"/>
<div class="thin">Kugel</div>
</div>
<div class="vbox">
<div data-type="switch" class="big" data-device="sonoff2" data-get-on="on" data-get-off="off"/>
<div class="thin">Kinderzimmer</div>
</div>
<!--
<div class="vbox">
<div data-type="switch" class="large" data-device="HM_WZ_Steckdose_Sw" data-get-on="on" data-get-off="off" data-icon="fa-leaf"></div>
<div class="thin">Pflanzen</div>
</div>
-->
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway

setstate

#3
03 September 2017, 16:33:36
Self-Closing Tags sollten bei Elementen mit data-type vermieden werden.

also "></div>" anstatt " />"

gloob

#4
03 September 2017, 16:36:44
Und das führ dazu, dass seit heute alles verschoben ist?  :o
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway

Fixel2012

#5
03 September 2017, 16:42:33
Fhem 5.8 auf Raspi 3, HMLAN und 868MHz CUL mit einigen Komponenten, Z-Wave Rollladenaktoren, Tablet UI, 433 MHz CUL mit Baumarktsteckdosen und Temp Sensoren, Amazon Echo, Echo Dot, 2x SONOS  play1, 1x SONOS Connect AMP,  presence, HUE, Lightify

setstate

#6
03 September 2017, 16:46:41 Letzte Bearbeitung: 03 September 2017, 16:56:39 von setstate
Ich schreibe nur, was mir auffällt ...

nächstes: rows werden jetzt gleichmässig in den verfügbaren Platz verteilt, nicht mehr jede nur mit dem minimalen Platzbedarf.

Jede Reihe bekommt 50% der verfügbaren Höhe
Code Auswählen

<div>
  <div class="row"></div>
  <div class="row"></div>
</div>


Bei dir soll der Text über dem Thermostat nicht 50% sein, dann muss man die Höhe angeben

z.B.10% -> "row-10"
Code Auswählen

<div>
  <div class="row-10"></div>
  <div class="row"></div>
</div>

gloob

#7
03 September 2017, 16:52:44
Sind all diese Änderungen und Anforderungen denn irgendwo nieder geschrieben?
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway

fornax76

#8
03 September 2017, 16:58:21
Ich hatte heute ebenfalls Probleme.
Bei mir waren die <header> nicht mehr oben, sondern in der Kachel, links neben dem Content.
Hab leider kein Screenshot gemacht.

Aufgefallen ist mir, dass es nur dann auftritt, wenn das erste <div die class "vbox" hat.
Mein Workaround ist jetzt erst mal, dass ich ein übergeordnetes div angelegt habe.
Damit verschwindet das Problem

Alt:
Code Auswählen

<li ...>
<header>text</header>
         <div class="vbox">
                ...
         </div>
</li>


Neu:
Code Auswählen

<li ...>
<header>text</header>
         <div class="">
                <div class="vbox">
                ...
                </div>
         </div>
</li>

Fixel2012

#9
03 September 2017, 17:01:23
Zitat von: fornax76 am 03 September 2017, 16:58:21
Ich hatte heute ebenfalls Probleme.
Bei mir waren die <header> nicht mehr oben, sondern in der Kachel, links neben dem Content.
Hab leider kein Screenshot gemacht.

Aufgefallen ist mir, dass es nur dann auftritt, wenn das erste <div die class "vbox" hat.
Mein Workaround ist jetzt erst mal, dass ich ein übergeordnetes div angelegt habe.
Damit verschwindet das Problem

Alt:
Code Auswählen

<li ...>
<header>text</header>
         <div class="vbox">
                ...
         </div>
</li>


Neu:
Code Auswählen

<li ...>
<header>text</header>
         <div class="">
                <div class="vbox">
                ...
                </div>
         </div>
</li>

interessant, sah bei mir genauso wie von dir beschrieben aus.

Mal schauen, ob es hilft.
Fhem 5.8 auf Raspi 3, HMLAN und 868MHz CUL mit einigen Komponenten, Z-Wave Rollladenaktoren, Tablet UI, 433 MHz CUL mit Baumarktsteckdosen und Temp Sensoren, Amazon Echo, Echo Dot, 2x SONOS  play1, 1x SONOS Connect AMP,  presence, HUE, Lightify

setstate

#10
03 September 2017, 17:07:19
Zitat von: fornax76 am 03 September 2017, 16:58:21
Ich hatte heute ebenfalls Probleme.
Bei mir waren die <header> nicht mehr oben, sondern in der Kachel, links neben dem Content.
Hab leider kein Screenshot gemacht.

Aufgefallen ist mir, dass es nur dann auftritt, wenn das erste <div die class "vbox" hat.
Mein Workaround ist jetzt erst mal, dass ich ein übergeordnetes div angelegt habe.
Damit verschwindet das Problem

Alt:
Code Auswählen

<li ...>
<header>text</header>
         <div class="vbox">
                ...
         </div>
</li>


Neu:
Code Auswählen

<li ...>
<header>text</header>
         <div class="">
                <div class="vbox">
                ...
                </div>
         </div>
</li>


Das war tatsächlich ein Bug, der aber heute nicht mehr auftreten dürfte

fornax76

#11
03 September 2017, 18:11:14
Hallo setstate,
danke für die Info.
Ich probiere es gleich mal.

Fixel2012

#12
04 September 2017, 09:09:30
Zitat von: setstate am 03 September 2017, 17:07:19
Das war tatsächlich ein Bug, der aber heute nicht mehr auftreten dürfte

Was heißt das konkret? Wird es da demnächst nochmals ein Update geben? Oder sollte ich auf das Workaround von fornax67 umsteigen?
Fhem 5.8 auf Raspi 3, HMLAN und 868MHz CUL mit einigen Komponenten, Z-Wave Rollladenaktoren, Tablet UI, 433 MHz CUL mit Baumarktsteckdosen und Temp Sensoren, Amazon Echo, Echo Dot, 2x SONOS  play1, 1x SONOS Connect AMP,  presence, HUE, Lightify

setstate

#13
04 September 2017, 09:15:16
Die Version, die keinen Workaround braucht, sollte oben sein.

gloob

#14
04 September 2017, 09:28:43
Zitat von: gloob am 03 September 2017, 16:52:44
Sind all diese Änderungen und Anforderungen denn irgendwo nieder geschrieben?

Gibt es hierfür noch eine Antwort?  ;)
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway
Drucken
Nach oben Seiten1 2 3 Alle
Benutzer-Aktionen