[FHEM-Tablet-UI] User-Demos

Esjay · 30 Juli 2016, 12:10:00

Hallo zusammen,
ich bin auch fleißig dabei,meine Tablet Oberfläche einzurichten.Hab mal nen Zwischenstand angehängt.

Ich hätte allerdings eine Frage zu dem Thermostat.
Und zwar würde ich das ganze gerne so wie von devil77 gezeigt aufbauen.
Wie zu sehen,konnte ich das Thermostat schon in den Swiper einbauen,jedoch wüsste ich nun gerne,wie ich das Thermostat erstens größer bekomme,und zweitens mittig behalte,wenn ich die Fläche kleiner mache. Ich denke auf den Bildern kann man das schon ganz gut erkennen was ich meine.

Mein bisheriger Code sieht folgendermaßen aus.

Code Auswählen


<body>
  <div class="page" id="swiper">
    <div class="gridster">
      <ul>
<li data-row="1" data-col="1" data-sizex="5" data-sizey="3">

  <div data-type="swiper"  data-height="220px" data-width="440px" class="">
    <ul>
<li><header>Heizung ZimmerB</header>  

<div data-type="thermostat" data-device="HZ_Tuer" 
    data-valve="valveposition" 
    data-get="desiredTemperature" 
    data-temp="temperature" 
    data-set="desiredTemperature" 
    class="cell">
	
</div>

</li>
<li><header>Heizung ZimmerA</header>  

<div data-type="thermostat" data-device="HZ_Tuer" 
    data-valve="valveposition" 
    data-get="desiredTemperature" 
    data-temp="temperature" 
    data-set="desiredTemperature" 
    class="cell">
</div>
</li>
       <li><div class="">Test1</div></li>
        <li><div class="">Test2</div></li>
        <li><div class="">Test3</div></li>
     </ul>
</div>
</ul>
</li>
</div>
</div>
</body>

Vielen Dank!

Gruß

setstate · 30 Juli 2016, 16:18:50

Die zu vertikal zentrierenden Items musst du in class="center" DIVs mit Höhe 100% verpacken. In deinem Fall 85% Höhe.

Code Auswählen


<div style="height: 85%;" class="center">
    <div data-type="thermostat" data-device="HZ_Tuer"
        data-valve="valveposition"
        data-get="desiredTemperature"
        data-temp="temperature"
        data-set="desiredTemperature"
        class="">
    </div>
</div>

Esjay · 31 Juli 2016, 10:02:31

Dank dir....Mal wieder

Gruß

waschbaerbauch · 17 August 2016, 17:29:49

Lange ist es her seit dem letzten Update..

Hollo · 18 August 2016, 12:24:42

Sehr schön.
Frage dazu... wie/womit realisierst Du die Verbrauchsmessungen der ganzen Geräte?

waschbaerbauch · 18 August 2016, 12:28:17

Moin Hollo,

da leisten 30 ELV PCA301 ihre Arbeit

Florian_GT · 11 September 2016, 00:47:20

Vermutlich habe ich gerade einfach nur nicht die richtigen Seiten gefunden, oder einen schlechten Zeitpunkt erwischt...

Wollte heute mit dem Tablet-UI anfangen, finde aber keine passende Basis auf der ich da starten kann. Alte Version 1.5 ist ja jetzt depricated, und zur neuen Version keine hübsche Demo.

Hat da jemand eine Demo die auf eval basiert?

rvideobaer · 11 September 2016, 11:10:11

Hallo,

Ich möchte auch gerne mal meine Oberfläche zeigen.
Ich habe ein Tablet im Flur hängen, das zum größten Teil nur der Information dient, aber auch Grundeinstellungen bedienen kann. Alle aufwendigeren Einstellungen nehme ich am Computer vor. Im Wohnzimmer habe ich ein Kleines Display für Wetterdaten, aber auch noch ein paar anzeigen für Radio, Steckdosen und Aufnahmestatus der Dreambox. Diese werden aber nur bei Bedarf angezeigt (Da fast meine gesamte Medientechnik im Schrank untergebracht ist).
Dies ist bei weitem nicht so Aufwendig wie die anderen Beispiele, aber da der WAF-Faktor wichtig war habe ich mich auf wesentliches beschränkt.

Gruß Rolf

l-j-silver · 15 September 2016, 18:49:07

Servus,

da es aktuell nicht so viele Mobil-Versionen (Smartphone) von Tablet-UI gibt, möchte ich meine Oberfläche mal zeigen.

Man kann einerseits zwischen den Etagen wechseln, aber anderseits sich auch eine Liste von einen bestimmten Status (Temperatur/Luftfeuchtigkeit/Fenster und Türkontakt/Batteriestatus ...) anzeigen lassen.

Die Steuerung der Raumtemperatur und Rollladen ist als Popup hinter den entsprechenden Status versteckt.

Schaut es euch einfach selber an:

Bei Fragen oder Anregungen schreibt einfach.

Gruß Toni

Helmi55 · 15 September 2016, 19:45:11

Hallo rvideobaer und l-j-silver
Würdet ihr eure Codes auch zur Verfügung stellen?
Beide gefallen mir sehr, sehr gut
Lg Helmut

l2r · 15 September 2016, 22:10:48

ich wäre auch an dem Code der Mobile Seite interessiert!

Ich bin da gerade selber am basteln und durchsteigen und über Inspiration sehr dankbar;-)

Gruß Michael

Helmi55 · 15 September 2016, 22:11:35

@rvideobaer - Herzlichen Dank

TomLee · 18 September 2016, 22:03:06

Hallo l-j-silver,

deine Mobile Seite gefällt mir auch sehr gut. Wäre dir sehr dankbar wenn du den Code dazu auch mir bereitstellen würdest.

Gruß Thomas

l-j-silver · 19 September 2016, 11:56:32

meine Mobile-Version habe ich an die Interessenten verschickt.

kleiner Nachtrag: die mobile Version wurde mit Hilfe von der Tablet-UI Evaluierungsversion 2.2 verwirklicht.

Gruß Toni

spooy99 · 19 September 2016, 12:14:40

Hallo Toni ... hätte auch Interesse. Danke!