Pagebutton mit Warnsymbol oder Symbol mit Link

[zap]

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 ?

[roman1528]

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
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ü:

Code Auswählen Erweitern


<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^^

[zap]

So funktioniert es:

Code Auswählen Erweitern


<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!).