New FHEM Tablet UI

[viegener]

Hallo zusammen,

ich versuche mich gerade an diesem Frontend. Kann mir jemand erklären wie ich nun meine readingsgroup rein bekomme? Weil da soll es ein widget geben, aber kein erklärung dazu

Ja das widget gibt es --> es heisst readingsgroup

Grundsätzlich wird eine readingsGroup dann entsprechend der Formatierung in fhem 1:1 im Tablet angezeigt.
Wenn man in der readingsgroup css-Verweise, Bilder oder ähnliches aus fhemweb verwendet müssen die entsprechenden Dateien natürlich auch im tablet UI eingebunden werden.

die Parameter sind auch recht überschaubar:

data-device="<device>"
data-get="<was triggert den update>"
data-max-update="<Minimum sekunden zwischen 2 Updates des widgets um die Systemlast zu begrenzen>"

@setstate: Ist das Readme, die Referenz um Doku hinzuzufügen und wie möchtest Du das erhalten?

Gruss,
Johannes

[chris1284]

Gibt es das schon? Meine Frau will was helleres

ich habe ein helles design erstellt in dem ich ein paar sachen in einer seperaten css angepasst habe. aktuiell ist das nur der body gridster li und gridster li header
da ich nicht alle widgets nutze kann ich nicht sagen in wie weit das für alle passt. ich kann sie nachher mal amhängen

[HoTi]

Das schaut super aus!! Wie bekommst du das so schön positioniert. Ich habe das noch nicht verstanden ich ich das mache.
Z.B. deine Uhrzeit. Die ist bei dir genau mittig, bei mir sieht das ätzend aus, siehe Bild.

Edit: Was ich dzau sagen muss das ich gerade mit der fhem-mobil-ui.css teste

[CoolTux]

@Chris1284

Deine Aquariumtemperatur ist der "You make my Day" für heute         

[HoTi]

@Chris1284

Deine Aquariumtemperatur ist der "You make my Day" für heute         

Schlitschuh fahrende Fische.... Sorry fürs off-topic, ich kugel mich gerade

[chris1284]

ja, der sensor muss gerade im tiefkühlfach dienst schieben, hatte nur den einen für solche umgebungen

[networker]

hi chris1284

auf deinem 4 Bild hat sich auch noch ein Tippfehler eingeschlichen.

Sollte möglicherweise Luftfeuchte heißen?....

[Brockmann]

Ja das widget gibt es --> es heisst readingsgroup

Grundsätzlich wird eine readingsGroup dann entsprechend der Formatierung in fhem 1:1 im Tablet angezeigt.

Liegt es an letzterem, dass dieses Widget Vorgaben durch das class-Attribut (beispielsweise class="alert") ignoriert?
Ich habe gerade mal versucht, so ein Widget mit einem readingsHistory-Device zu kombieren. Das scheint auch gut zu klappen.
Allerdings würde ich die Optik gerne anpassen, weil ich damit wichtige Hinweise anzeige, die nicht übersehen werden sollen.

[CoolTux]

ja, der sensor muss gerade im tiefkühlfach dienst schieben, hatte nur den einen für solche umgebungen

Das interessiert mich jetzt aber. Welchen hast Du für sowas. Ich suche auch einen fürs Tiefkühlfach und den Kühlschrank.

[chris1284]

anbei die css. die einfach zusätzlich in der index mit einbinden.

Code Auswählen Erweitern


<!-- define your personal style here, it wont be overwritten  -->
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui_lite.css" />
bei den pagetab-icons hab ich nur data-on-background-color="#aa6900" zugefügt und bei werte die orange sein sollen style="color: #aa6900;"


beispiele

Code Auswählen Erweitern

<div data-type="pagetab" data-url="site_webcams.html" data-icon="fa-video-camera" data-on-background-color="#aa6900" class="cell"></div>
<div style="color: #aa6900;" data-type="label" data-device="out_sen_th" data-get="humidity" data-unit=" %" class="bigger"></div>

gds warnmeldungen werden vom gds-widget automatisch eingefärbt (mal schauen ob ich das calview widget soweit hinbekomme das dies bei heutigen terminen auch geschieht)

@CoolTux: den HM-WDS30-T-O, den gabs bereits 2x bei notebooksbilliger für 19,00€ statt um die 40€ (hoffe dieses Jahr auch wieder). der kann aber max -19,9°C hat aber auch schon mehr angezeigt

[CoolTux]

Cool. Danke Dir. Werde ich mir holen.

[DJ_SAMMY190]

das grau kommt auch mal geil aber auch du dann das Problem dass die Buttons leider nicht alle transparent sind

[chris1284]

aber auch du dann das Problem dass die Buttons leider nicht alle transparent sind

ist mir nicht aufgefallen (habe ja auch kein hintergrund bild). die transparents habe ich aus CoolTux beispiel mal geklaut http://forum.fhem.de/index.php/topic,37378.30.html man kann so noch etwas an der farbe drehen. ich denke ich will die auch garnicht transparent bzw man müsste mal testen wie das aussieht

[rainer1962]

hallo,
wie kann ich in der tablet-ui einen weblink dastellen ?
zb . eine kamera :

Code Auswählen Erweitern


define webcam weblink htmlCode <html> <img name="dyn_bild" src="http://192.168.25.54:8008" width="320" height="240"> <br> <a href="http://192.168.178.62:8083/fhem?detail=webcam">webcam</a>    </body></html>


Irgendwie bekomm ich das nicht hin ...

[chris1284]

ich binde 4 webcams per

Code Auswählen Erweitern

<li data-row="5" data-col="6" data-sizex="4" data-sizey="2">
<header>Webcam Brocken</header>
<div data-type="image" class="cell" data-url="http://www.hsb-wr.de/picture_library/webcam_bro/brocken.jpg" data-size="80%" data-refresh="60"></div>
</li>

ein und lasse das bild alle 60 sek refreshen.