[FHEM-Tablet-UI] User-Demos

[Helmi55]

@ stoxx
Servus habe mir gerade deine sub1 angesehen.
Auf dem Foto sieht man bei Küchenlicht ein Icon (Glühbirne) in der Index ist aber kein Icon beschrieben.
Ist da beim Kopieren was verloren gegangen oder verstehe ich etwas nicht
Danke und Gruß
PS - sieht toll aus
Helmut

[stoxx]

Hallo Helmi55,
beim Switch-Widget ist der Default das Glühbirnen-Symbol, daher habe ich mir hier das "data-icon" gespart..
vg stoxx

[coolice]

Hallo zusammen, bastel mir gerade mein Ui zurecht. Kann mir jemand sagen wie ich das Label unter das Symbol vom Homestatus und der Beleuchtung bekomme? Vielleicht ach nicht in Fett Schrift?

Code Auswählen Erweitern

<li data-row="1" data-col="5" data-sizex="3" data-sizey="1">
<header>Homestatus</header>
<div class="cell center">
<div data-type="symbol" data-device="rr_Andrea"
     data-icon="fa-home"
     data-get-on='["home","absent"]'
     data-on-colors='["green","orange"]'>
</div>
<div data-type="label" class="">Andrea</div>
<div class="cell center">
<div data-type="symbol" data-device="rr_Mirco"
     data-icon="fa-home"
     data-get-on='["home","absent"]'
     data-on-colors='["green","orange"]'>
</div>
<div data-type="label" class="">Mirco</div>
<div class="cell center">
<div data-type="symbol" data-device="rr_Marvin"
     data-icon="fa-home"
     data-get-on='["home","absent"]'
     data-on-colors='["green","orange"]'>
</div>
<div data-type="label" class="">Marvin</div>
</li>

[oggy]

da fehlen ein paar abschließende DIVs ... Du hast vergessen die DIVs <div class="cell center"> abzuschließen

[coolice]

Ah danke. Dann packt er mir die Symbole aber wieder untereinander.

[gloob]

Probier es mal mit

Code Auswählen Erweitern

class="inline"

[coolice]

Probier es mal mit

Code Auswählen Erweitern

class="inline"

Leider auch nicht. Hatte ich schon probiert. Danke trotzdem.

[oggy]

so wie unten hattest du das ausprobiert? falls Symbol und Name nicht untereinander stehen, kann man noch mit einem <div class="row"></div> einen Zeilenumbruch erzwingen

<li data-row="1" data-col="5" data-sizex="3" data-sizey="1">
    <header>Homestatus</header>
    <div class="inline">
          <div data-type="symbol" data-device="rr_Andrea"
                  data-icon="fa-home"
                  data-get-on='["home","absent"]'
                 data-on-colors='["green","orange"]'>
          </div>
          <div data-type="label" class="">Andrea</div>
    </div>
    <div class="inline">
        <div data-type="symbol" data-device="rr_Mirco"
                data-icon="fa-home"
                data-get-on='["home","absent"]'
                data-on-colors='["green","orange"]'>
        </div>
        <div data-type="label" class="">Mirco</div>
    </div>
    <div class="inline">
        <div data-type="symbol" data-device="rr_Marvin"
                data-icon="fa-home"
                data-get-on='["home","absent"]'
                data-on-colors='["green","orange"]'>
        </div>
        <div data-type="label" class="">Marvin</div>
    </div>
</li>

damit es on-Topic bleibt: so schaut es momentan bei mir aus

[coolice]

so wie unten hattest du das ausprobiert? falls Symbol und Name nicht untereinander stehen, kann man noch mit einem <div class="row"></div> einen Zeilenumbruch erzwingen

damit es on-Topic bleibt: so schaut es momentan bei mir aus

Hmm keine Ahnung warum, aber nachdem ich die Zeilen gelöscht und nochmal neu geschrieben habe stimmt es nun. Kannst Du mir sagen wie ich dem Label die Fettschrift entziehen kann?

[oggy]

lösche datatype="label" einfach

[setstate]

Zur Erklärung: data-type="label" braucht man nur bei dynamischen Labels, die ihre Werte von Fhem holen. Bei festen Beschriftungen sollte man das aus Performancegründen weglassen und bekommt damit auch nicht die default Formatierung des Label Widgets ab.

[stoxx]

Hallo,
irgendwo habe ich mal gelesen (finde es aber leider nicht mehr), dass man bei Verwendung von pagetabs einstellen kann, dass eine Unterseite nach einer bestimmten Zeit wieder auf die Hauptseite springt. Kann mir jemand helfen?
Danke und Grüße
stoxx

[roman1528]

Hallo,
irgendwo habe ich mal gelesen (finde es aber leider nicht mehr), dass man bei Verwendung von pagetabs einstellen kann, dass eine Unterseite nach einer bestimmten Zeit wieder auf die Hauptseite springt. Kann mir jemand helfen?
Danke und Grüße
stoxx

Readme des Github-Repo's... Da war das...

Stichwort: data-return-time

https://github.com/knowthelist/fhem-tablet-ui#pagetab-widgets

[stoxx]

Code Auswählen Erweitern

Readme des Github-Repo's... Da war das...

@roman1528: TOP! Vielen Dank... Mei, was wär ich nur ohne dieses Forum 

[stoxx]

Schade, hilft mir trotzdem nicht weiter.. Hätte das eigentlich für das Pagebutton-Widget gebraucht, aber da gibt es sowas leider nicht (laut Github)..