FTUI 2.5

[setstate]

Hast du ein Beispiel wie ich das jetzt nur mit push hin bekomme?
Ziel ist es, das das Icon in der Mitte den Status zwischen "Weiß" und "Rot" wechselt aufgrund eines Device-Readings.
Push drumherum ist für die Optik (Fadeeffekt) des Kreises und für den Warn (Anzahl offener Fenster aus einem anderen Reading) und zum auslösen des Dialogs.

Mit 2.4 klappte das mit meiner Verschachtelung wunderbar. Ich habe die Formatierung so wie du es beschrieben hast hinbekommen, jedoch wenn ich zwei solcher Widgets in der Anzeige habe, stimmt irgendwas mit dem zweiten Widget nicht. Eigentlich sollte beim Drücken des Push´s nur der äußere Kreis den Fade ausführen und der Dialog geht dann auf, aber leider wird sowohl der äußere Kreis als auch das Icon in der Mitte Orange. Beim ersten der Beiden Widgets funktioniert es wiederum wie gewünscht.

Nach Update sollte die Verschachteln nun wieder größentechnisch und für den Status passen

Code Auswählen Erweitern


<div class="vbox">
    <div data-type="push" data-device="dummy1" data-set-on="up" data-set-off="stop" data-icon="">
        <div data-type="symbol" data-device="dummy2" data-on-color="red" data-off-color="white" data-icon="fa-rss"></div>
    </div>
     <div data-type="label" data-device="dummy2"></div>
</div>


[Aeroschmelz]

Hi Moonsorrox,

danke für deine Info. Das Center hat es behoben, jetzt habe ich nur noch einen Header, der nicht oben verbleibt. Da verwende ich einen swiper allerdings ohne center

Aber ich sehe du hast dort ein Popup drin, nimm mal die class raus so z.B. das center an der einen Stelle, denn bei mir war das auch in einem Zusammenhang mit einem Popup...
Zur Not schicke ich dir mal mein Popup und du vergleichst mal...

Code Auswählen Erweitern


<header>Wetterdaten</header>
<div class="normal"></div>
<div data-type="swiper" data-height="390px" data-width="720px" class="hashnav nopagination">
    <ul>
        <li data-hash="chart1"> 
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["Balkon:temperature","Balkon:humidity"]'
            data-style='["ftui l1","ftui l5fill"]'
            data-ptype='["lines","lines"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Temperatur","Luftfeuchte"]'
            data-yunit=" &deg;C"
            data-yunit_sec=" %"
                data-ytext="Temperatur"
                data-ytext_sec="Luftfeuchte"
            data-minvalue="auto"
            data-maxvalue="auto"
            data-minvalue_sec="auto"
                data-maxvalue_sec="auto"
                data-y_margin="5"
                data-yticks="auto"
            data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart2" class="noswipe">
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["Luminosity:luminosity","Luminosity:IR"]'
            data-style='["ftui l1","ftui l5fill"]'
            data-ptype='["lines","lines"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Lichtst&auml;rke VIS","Lichtst&auml;rke IR"]'
            data-yunit=" lx"
            data-yunit_sec=" lx"
                data-ytext="Lichtst&auml;rke VIS"
                data-ytext_sec="Lichtst&auml;rke IR"
            data-minvalue="auto"
            data-maxvalue="auto"
            data-y_margin="5"
                data-minvalue_sec="0"
                data-maxvalue_sec="100"
                data-y_margin_sec="5"
                data-yticks="auto"
            data-yticks_sec="auto"
                data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart3" class="noswipe">
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog"]'
            data-logfile='["HISTORY"]'
            data-columnspec='["Pressure:pressure-nn"]'
            data-style='["ftui l6fill"]'
            data-ptype='["histeps"]'
            data-uaxis='["primary"]'
            data-legend='["Luftdruck"]'
            data-yunit=" mbar"
                data-ytext="Luftdruck"
            data-minvalue="auto"
            data-maxvalue="auto"
                data-y_margin="10"
                data-yticks="auto"
            data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart4" class="noswipe">             
             <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["YahooWetter:wind_speed",""]'
            data-style='["ftui l1fill","ftui l5fill"]'
            data-ptype='["cubic","steps"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Wind",""]'
            data-yunit=" km/h"
            data-yunit_sec=" &deg;"
                data-ytext="Wind"
                data-ytext_sec="Windgeschwindigkeit"
            data-minvalue="0"
            data-maxvalue="auto"
            data-minvalue_sec="0"
                data-maxvalue_sec="auto"
                data-yticks="auto"
            data-xticks="auto"
            data-yticks_sec="auto"
                data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>
         </li>               
          <li data-hash="chart5" class="noswipe">
            <div class="noswipe container center"
               data-type="chart"
               data-logdevice='["lp","lp","lp","lp"]'
           data-logfile=="CURRENT"
               data-columnspec='["Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rain_\\x22,$from,$to,0,\\x22day\\x22)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22chOfRain_\\x22,$from,$to,0,\\x22day\\x22)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22cloud_\\x22,$from,$to,0,\\x22day\\x22)","ConstY:0"]'
               data-style='["ftui l6fill","ftui l5fill","ftui l1fill","ftui l2fill"]'
               data-ptype='["steps","quadraticSmooth","quadratic","lines"]'
               data-uaxis='["primary","secondary","secondary","secondary"]'
               data-legend='["Regen","Regenwahr.","Wolkenbed.",""]'
               data-yunit="mm"
               data-ytext="Regen"
               data-minvalue="auto"
               data-maxvalue="auto"
               data-yunit_sec="%"
               data-ytext_sec="Wolkenbed. / Regenwahr."
               data-yticks="auto"
               data-minvalue_sec="0"
               data-maxvalue_sec="110"
          data-nofulldays="true"
               data-daysago_start = "0"
           data-daysago_end = "-4"
               data-crosshair="true"
               data-cursorgroup="1"
               data-scrollgroup="1"
               data-showlegend="true"
           data-xticks="auto"
               data-height="95%"
                data-width="98%">
            </div>                 
        </li>     
        <li data-hash="chart6" class="noswipe">
            <div class="noswipe container center"
               data-type="chart"
               data-logdevice='["lp","lp","lp","lp"]'
           data-logfile=="CURRENT"
               data-columnspec='["Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rad\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rad\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22sun\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22evapor\\x22,$from,$to,0,\\x22day\\x22)"]'
               data-style='["ftui l6","ftui l3","ftui l0fill","ftui l5fill","ftui l6"]'
               data-ptype='["quadraticSmooth","points","bars","steps"]'
               data-uaxis='["primary","primary","secondary","primary"]'
               data-legend='["UV-Index","","Sonnenein.","Verd."]'
               data-yunit=""
               data-ytext="Verdunstung / UV"
               data-yunit_sec="%"
               data-ytext_sec="Sonnenein."
               data-yticks="auto"
               data-minvalue="0"
               data-maxvalue="10"
               data-minvalue_sec="0"
               data-maxvalue_sec="110"
          data-nofulldays="true"
               data-daysago_start = "0"
           data-daysago_end = "-4"
               data-crosshair="true"
               data-cursorgroup="1"
               data-scrollgroup="1"
               data-showlegend="true"
           data-xticks="auto"
               data-height="95%"
                data-width="98%">
            </div>                 
        </li>       
     </ul>
</div>
<table width="100%">
<tr>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-thermometer-half"
        data-get-on="Temp"
        class="swipertab">
      </div>
        <div class="darker">Temperatur</div>
      </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-lightbulb-o"
        data-get-on="Light"
        class="swipertab">
      </div>
      <div class="darker">Helligkeit</div>
     </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-bar-chart"
        data-get-on="Druck"
        class="swipertab">
      </div>
      <div class="darker">Luftdruck</div>
      </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="oa-weather_wind"
        data-get-on="Wind"
        class="swipertab">
      </div>
      <div class="darker">Wind</div>
     </div>
</td>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="oa-weather_rain_gauge"
        data-get-on="Regen"
        class="swipertab">
      </div>
      <div class="darker">Regen</div>
      </div>
</td>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-sun-o"
        data-get-on="Sonne"
        class="swipertab">
      </div>
      <div class="darker">Sonne</div>
      </div>
</td>
</tr>
</table>


Da scheint es irgendein Problem mit der Tabelle unten zu geben. Allerdings bekomme ich es das Layout mit einer hbox nicht hin, siehe Anhang.

Grüsse
Marcus

[Simon74]

Ich möchte den Abstand zwischen den einzelnen Grids verkleinern, laut Suche macht man dies direkt in der html Seite mit:

Code Auswählen Erweitern

<meta name="widget_margin" content="1">
Das funktioniert zwar aber die ganze Seite bekommt Scrollbalken.

Kann bzw. Muss das in der aktuellen Version anders gelöst werden ?

[moonsorrox]

dann mußt die diese höhe und auch weite anpassen: entweder weniger oder mehr je anch dem wie du die Seite aufbaust

Code Auswählen Erweitern

<li data-row="3" data-col="3" data-sizex="8" data-sizey="5">
Ich z.B. nutze 14col und 10row
das sieht bei mir dann bei meinem 10" Tablet so aus

Code Auswählen Erweitern

<meta name="widget_base_width" content="83">
<meta name="widget_base_height" content="72">
<meta name="widget_margin" content="4">

[moonsorrox]

@Aeroschmelz

Dein Layout sieht Hammer gut aus mit den Swipern, deshalb habe ich es mir mal vorgenommen und auch den Fehler gefunden... Ich glaube soetwas baue ich mir auch gefällt mir gut.. 

Also du mußt oben etwas raus nehmen und auch einbauen. Hier mal der komplette Code kannst ja mal drauf schauen ob du siehst was ich gemacht habe.
Ich habe nichts verändert an deinen Daten sollte also genauso funktionieren...!
(gib mit mal die zugehörigen dummys da brauche ich nicht lange herum basteln, anpassen muss ich es ja sowieso)

Code Auswählen Erweitern


<header>Wetterdaten</header>
<div class="sheet">
<div class="row">
<div data-type="swiper" data-height="390px" data-width="720px" class="hashnav nopagination">
    <ul>
        <li data-hash="chart1">
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["Balkon:temperature","Balkon:humidity"]'
            data-style='["ftui l1","ftui l5fill"]'
            data-ptype='["lines","lines"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Temperatur","Luftfeuchte"]'
            data-yunit=" &deg;C"
            data-yunit_sec=" %"
                data-ytext="Temperatur"
                data-ytext_sec="Luftfeuchte"
            data-minvalue="auto"
            data-maxvalue="auto"
            data-minvalue_sec="auto"
                data-maxvalue_sec="auto"
                data-y_margin="5"
                data-yticks="auto"
            data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart2" class="noswipe">
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["Luminosity:luminosity","Luminosity:IR"]'
            data-style='["ftui l1","ftui l5fill"]'
            data-ptype='["lines","lines"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Lichtst&auml;rke VIS","Lichtst&auml;rke IR"]'
            data-yunit=" lx"
            data-yunit_sec=" lx"
                data-ytext="Lichtst&auml;rke VIS"
                data-ytext_sec="Lichtst&auml;rke IR"
            data-minvalue="auto"
            data-maxvalue="auto"
            data-y_margin="5"
                data-minvalue_sec="0"
                data-maxvalue_sec="100"
                data-y_margin_sec="5"
                data-yticks="auto"
            data-yticks_sec="auto"
                data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart3" class="noswipe">
            <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog"]'
            data-logfile='["HISTORY"]'
            data-columnspec='["Pressure:pressure-nn"]'
            data-style='["ftui l6fill"]'
            data-ptype='["histeps"]'
            data-uaxis='["primary"]'
            data-legend='["Luftdruck"]'
            data-yunit=" mbar"
                data-ytext="Luftdruck"
            data-minvalue="auto"
            data-maxvalue="auto"
                data-y_margin="10"
                data-yticks="auto"
            data-xticks="auto"
            data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>       
        </li>
        <li data-hash="chart4" class="noswipe">             
             <div class="noswipe container center"
                data-type="chart"
            data-device="myDbLog"
            data-logdevice='["myDbLog","myDbLog"]'
            data-logfile='["HISTORY","HISTORY"]'
            data-columnspec='["YahooWetter:wind_speed",""]'
            data-style='["ftui l1fill","ftui l5fill"]'
            data-ptype='["cubic","steps"]'
            data-uaxis='["primary","secondary"]'
            data-legend='["Wind",""]'
            data-yunit=" km/h"
            data-yunit_sec=" &deg;"
                data-ytext="Wind"
                data-ytext_sec="Windgeschwindigkeit"
            data-minvalue="0"
            data-maxvalue="auto"
            data-minvalue_sec="0"
                data-maxvalue_sec="auto"
                data-yticks="auto"
            data-xticks="auto"
            data-yticks_sec="auto"
                data-daysago_start="1"
            data-daysago_end="-1"
            data-crosshair="true"
            data-cursorgroup="1"
            data-scrollgroup="1"
            data-showlegend="true"
                data-xticks="auto"
                data-height="95%"
                data-width="98%">
            </div>
         </li>               
          <li data-hash="chart5" class="noswipe">
            <div class="noswipe container center"
               data-type="chart"
               data-logdevice='["lp","lp","lp","lp"]'
           data-logfile=="CURRENT"
               data-columnspec='["Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rain_\\x22,$from,$to,0,\\x22day\\x22)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22chOfRain_\\x22,$from,$to,0,\\x22day\\x22)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22cloud_\\x22,$from,$to,0,\\x22day\\x22)","ConstY:0"]'
               data-style='["ftui l6fill","ftui l5fill","ftui l1fill","ftui l2fill"]'
               data-ptype='["steps","quadraticSmooth","quadratic","lines"]'
               data-uaxis='["primary","secondary","secondary","secondary"]'
               data-legend='["Regen","Regenwahr.","Wolkenbed.",""]'
               data-yunit="mm"
               data-ytext="Regen"
               data-minvalue="auto"
               data-maxvalue="auto"
               data-yunit_sec="%"
               data-ytext_sec="Wolkenbed. / Regenwahr."
               data-yticks="auto"
               data-minvalue_sec="0"
               data-maxvalue_sec="110"
          data-nofulldays="true"
               data-daysago_start = "0"
           data-daysago_end = "-4"
               data-crosshair="true"
               data-cursorgroup="1"
               data-scrollgroup="1"
               data-showlegend="true"
           data-xticks="auto"
               data-height="95%"
                data-width="98%">
            </div>                 
        </li>     
        <li data-hash="chart6" class="noswipe">
            <div class="noswipe container center"
               data-type="chart"
               data-logdevice='["lp","lp","lp","lp"]'
           data-logfile=="CURRENT"
               data-columnspec='["Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rad\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rad\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22sun\\x22,$from,$to,12)","Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22evapor\\x22,$from,$to,0,\\x22day\\x22)"]'
               data-style='["ftui l6","ftui l3","ftui l0fill","ftui l5fill","ftui l6"]'
               data-ptype='["quadraticSmooth","points","bars","steps"]'
               data-uaxis='["primary","primary","secondary","primary"]'
               data-legend='["UV-Index","","Sonnenein.","Verd."]'
               data-yunit=""
               data-ytext="Verdunstung / UV"
               data-yunit_sec="%"
               data-ytext_sec="Sonnenein."
               data-yticks="auto"
               data-minvalue="0"
               data-maxvalue="10"
               data-minvalue_sec="0"
               data-maxvalue_sec="110"
          data-nofulldays="true"
               data-daysago_start = "0"
           data-daysago_end = "-4"
               data-crosshair="true"
               data-cursorgroup="1"
               data-scrollgroup="1"
               data-showlegend="true"
           data-xticks="auto"
               data-height="95%"
                data-width="98%">
            </div>                 
        </li>       
     </ul>
</div>
<table width="100%">
<tr>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-thermometer-half"
        data-get-on="Temp"
        class="swipertab">
      </div>
        <div class="darker">Temperatur</div>
      </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-lightbulb-o"
        data-get-on="Light"
        class="swipertab">
      </div>
      <div class="darker">Helligkeit</div>
     </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-bar-chart"
        data-get-on="Druck"
        class="swipertab">
      </div>
      <div class="darker">Luftdruck</div>
      </div>
</td>
<td>
<div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="oa-weather_wind"
        data-get-on="Wind"
        class="swipertab">
      </div>
      <div class="darker">Wind</div>
     </div>
</td>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="oa-weather_rain_gauge"
        data-get-on="Regen"
        class="swipertab">
      </div>
      <div class="darker">Regen</div>
      </div>
</td>
<td>
  <div class="vbox top-space">
      <div data-type="switch"
        data-device="WetterChartDummy"
        data-get-off="!on"
        data-set-off=""
        data-icon="fa-sun-o"
        data-get-on="Sonne"
        class="swipertab">
      </div>
      <div class="darker">Sonne</div>
      </div>
</td>
</tr>
</table>

</div>
</div>

[Aeroschmelz]

Super, das funktioniert. danke. Hier der Dummy

Code Auswählen Erweitern


define WetterChartDummy dummy
attr WetterChartDummy room System
attr WetterChartDummy webCmd Temp:Light:Druck:Wind:Regen:Sonne


[moonsorrox]

bei mir meckert er immer rum das er die jeweiligen Charts nicht findet in der Form... muss ich da noch etwas beachten, die Charts werden doch angelegt und meine Werte sind auch drin..!


z.B so oder es steht eben auch drin chart2, chart6 usw.
Error
jquery.min.js:2
Error: Syntax error, unrecognized expression: File not found: ./www/tablet//chart3

[Aeroschmelz]

Ne leider nicht. Ich suche noch mal. Kanne es eventuell am data-hash liegen?

Code Auswählen Erweitern


<li data-hash="chart1">


[SamNitro]

Hey, wenn ich früher auf meinem iPad meine FTUI seite auf dem Homescreen abgelegt habe, hat er mir die beim öffnen quasi nicht im browser geöffnet sondern im full screen.

Seit dem Update öffnet er allerdings automatisch Safari. Kann ich das wieder umschalten?

[setstate]

Wie gesagt, ihr müsst nicht alles aus dem Header schmeißen, nur weil ich geschrieben habe, so könnte eine Minimalvariante als Header aussehen.

Für die Homescreen-Fullscreen-App-Funktionialität bedarf es bestimmt dieses Hinweises im Header

Code Auswählen Erweitern

<meta name="apple-mobile-web-app-capable" content="yes">

[cotecmania]

Hi nochmals,

Wie kann man die Zeilenabstaende in einem sheet>row>cell verkleinern ?

https://forum.fhem.de/index.php/topic,65604.msg569158.html#msg569158

Gruss
Joe

[Simon74]

Ist noch niemandem aufgefallen das das laden in Fully-Browser bzw. Webviewcontrol oft nur mit der URL zu tun hat (abschliessender Slash) ?

Hier bekomme ich nur einen weissen Bilschirminhalten mit allen Überschriften der Grids angezeigt.

Code Auswählen Erweitern

<a href="/fhem/ftui">Tablet-UI<br></a>

So wird die Seite vollständig geladen:

Code Auswählen Erweitern

<a href="/fhem/ftui/">Tablet-UI<br></a>

[Ralf.E]

Beim Anpassen einer Seite ist mir gerade aufgefallen, dass der folgende Header:

Code Auswählen Erweitern


<li data-row="4" data-col="3" data-sizex="2" data-sizey="1">
    <header class="large orange">ARBEITSZIMMER</header>
</li>


mit einer kleineren Schriftgröße im Vergleich zu:

Code Auswählen Erweitern


<li data-row="2" data-col="3" data-sizex="2" data-sizey="1">
    <header class="orange" style="font-size:125%">WOHNZIMMER ANGI</header>
</li>


dargestellt wird. "large" ist als

Code Auswählen Erweitern


.large {
    font-size: 125%;
}


definiert. Kann mir jemand erläutern was hier den Unterschied bedingt?

Gruß Ralf

[SamNitro]

Wie gesagt, ihr müsst nicht alles aus dem Header schmeißen, nur weil ich geschrieben habe, so könnte eine Minimalvariante als Header aussehen.

Für die Homescreen-Fullscreen-App-Funktionialität bedarf es bestimmt dieses Hinweises im Header

Code Auswählen Erweitern

<meta name="apple-mobile-web-app-capable" content="yes">

Funktioniert leider nicht, vorher hatte ich da auch nix anderes drin...
da war es dann "it's not a bug it's a feature"

[Wiesel]

Hallo,

ich habe zwei Tablet-UI's definiert. einmal für das Tablet und für das Smartphone.
Ich habe bei der Seite für das Smartphone auf die Ordner css, fonts, js und lib  vom Tablet verlinkt, da nur diese geupdated werden.

Mit dem dynamic load funktioniert das ganze nun nicht mehr. Es wird im Ordner des Smartphone UI gesucht, aber dort befinden sich diese nicht.

Wie kann ich das denn nun wieder "umstellen" ?

So sieht meine Index.html aus

Code Auswählen Erweitern


<meta name='lang' content='de'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="74">
    <meta name="widget_base_height" content="71">
    <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" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="6"> <!-- verbose level 1-6 = output to console;0 = not output -->
    <meta http-equiv="Cache-Control" content="no-store" />
<meta name='toast' content='1'>
<meta name="fhemweb_url" content="/fhem">
<meta name="widget_dir" content="../tablet/js">

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

    <!-- define your personal style here, it wont be overwritten  -->
<link rel="stylesheet" href="../tablet/css/fhem-tablet-ui-user.css" />
<link rel="stylesheet" href="../tablet/lib/openautomation.css" />
<link rel="stylesheet" href="../tablet/lib/fhemSVG.css" />
<link rel="stylesheet" href="../tablet/lib/material-icons.min.css" />


    <script src="../pgm2/jquery.min.js"></script>
<script src="../pgm2/jquery-ui.min.js"></script>
    <script src="../tablet/lib/jquery.toast.min.js"></script>
    <script src="../tablet/lib/jquery.gridster.min.js"></script>
<script src="../tablet/lib/jquery.knob.mod.min.js"></script>
<script src="../tablet/lib/jquery.circlemenu.js"></script>
<script src="../tablet/lib/powerange.min.js"></script>
<script src="../tablet/lib/fa-multi-button.min.js"></script>
    <script src="../tablet/js/fhem-tablet-ui.js"></script>


Und hier die Consolenausgabe

Code Auswählen Erweitern

Filename:
fhem-tablet-ui.js:1406 FHEM dir: /fhem
fhem-tablet-ui.js:1406 dynamic load file:lib/jquery.toast.min.js / async:false
fhem-tablet-ui.js:1406 initPage - area=
fhem-tablet-ui.js:1406 Object {modules: Array[0]}
fhem-tablet-ui.js:1406 Object {modules: Array[0]}
fhem-tablet-ui.js:1406 initWidgets - area=
fhem-tablet-ui.js:1406 Load widget : link
fhem-tablet-ui.js:1406 Create widget : link
fhem-tablet-ui.js:1406 dynamic load file:js/widget_link.js / async:true
fhem-tablet-ui.js:1406 Load widget : slideout
fhem-tablet-ui.js:1406 Create widget : slideout
fhem-tablet-ui.js:1406 dynamic load file:js/widget_slideout.js / async:true
fhem-tablet-ui.js:1406 Load widget : clock
fhem-tablet-ui.js:1406 Create widget : clock
fhem-tablet-ui.js:1406 dynamic load file:js/widget_clock.js / async:true
fhem-tablet-ui.js:1406 init templates - Done
widget_link.js:1 Uncaught SyntaxError: Unexpected identifier
fhem-tablet-ui.js:1406 dynamic load done:js/widget_link.js
fhem-tablet-ui.js:1406 function depends_link not found (maybe ok)
fhem-tablet-ui.js:1406 Failed to create widget: link
widget_slideout.js:1 Uncaught SyntaxError: Unexpected identifier
fhem-tablet-ui.js:1406 dynamic load done:js/widget_slideout.js
fhem-tablet-ui.js:1406 function depends_slideout not found (maybe ok)
fhem-tablet-ui.js:1406 Failed to create widget: slideout
widget_clock.js:1 Uncaught SyntaxError: Unexpected identifier
fhem-tablet-ui.js:1406 dynamic load done:js/widget_clock.js
fhem-tablet-ui.js:1406 function depends_clock not found (maybe ok)
fhem-tablet-ui.js:1406 Failed to create widget: clock
fhem-tablet-ui.js:1406 initWidgets - Done
fhem-tablet-ui.js:580 initPage: 180.883ms
fhem-tablet-ui.js:1406 start shortpoll in (ms):500
jquery.toast.min.js:1 Uncaught SyntaxError: Unexpected identifier


Grüße
Wiesel