Vielleicht geht das ja schon und ich stehe nur wieder mal auf dem Schlauch. Folgendes möchte ich realisieren:
Ich habe momentan ein Symbol-Widget eingebunden, in dem als Warnsymbol rechts oben die Anzahl der offenen Fenster/Türen angezeigt wird. Funktioniert soweit. Nun möchte ich gerne bei einem Klick auf dieses Symbol ein Popup-Widget öffnen, das mir dann die einzelnen Fenster anzeigt. Alternativ wäre auch der Sprung auf eine andere Tablet-UI Seite denkbar.
Im Prinzip also ein Pagebutton mit den Warn-Eigenschaften eines Symbol-Widgets.
Geht das? Wenn ja, wie ?
Zitat von: zap am 09 Februar 2016, 08:25:16
Vielleicht geht das ja schon und ich stehe nur wieder mal auf dem Schlauch. Folgendes möchte ich realisieren:
Ich habe momentan ein Symbol-Widget eingebunden, in dem als Warnsymbol rechts oben die Anzahl der offenen Fenster/Türen angezeigt wird. Funktioniert soweit. Nun möchte ich gerne bei einem Klick auf dieses Symbol ein Popup-Widget öffnen, das mir dann die einzelnen Fenster anzeigt. Alternativ wäre auch der Sprung auf eine andere Tablet-UI Seite denkbar.
Im Prinzip also ein Pagebutton mit den Warn-Eigenschaften eines Symbol-Widgets.
Geht das? Wenn ja, wie ?
Moin.
Also ein Symbol-Widget wirst du nicht klickbar bekommen.
Aber mit einem PageButton-Widget müsste es genau so gehen. Kenne ja dein Switch :P
Allersings ... schätze ich ... mit "data-get-on=ARRAY".
Verwendest du in deiner UI das PageTab-Widget? Damit geht das. Ich glaube aber auch hier mit "data-get-on=ARRAY". Weiß nicht in wie weit da die "data-states" unterstützt werden.
Mal ein Beispiel aus meinem Menü:
<div data-type="pagetab"
data-device="bat_fl"
data-icon="fa-key"
data-get-on='["ok","low"]'
data-url="flur.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#aa6900"
data-on-color="#606060"
data-icons='["fa-key","fa-key warn"]'
class="bigger">
</div>
Grüße^^
So funktioniert es:
<div data-type="pagebutton" data-device="HM_TF_Alle"
data-get="count_and_open"
data-states='["0", "^[1-9]$", "^[1-9][0-9]$"]'
data-icons='["oa-status_locked", "oa-status_open warn", "oa-status_open warn"]'
data-colors='["#00ff00", "#ff0000", "#ff0000"]'
data-background-icon=""
data-url="#lock.html"
class="bigger">
</div>
Die Raute vor der URL sorgt dafür, dass man auf eine Pagetab-Unterseite springen kann (lock.html enthält keinen Tabler-UI Header!).