Popup im Popup öffnen

[Ingo298]

Wie kann in einem Popup-Dialog ein weiter Popup-Dialog geöffnet werden ohne das dieser
mit dem ersten Popup-Dialog öffnet?

[setstate]

Ich habe etwas optimiert. Popup im Popup funktioniert jetzt besser. Es werden nicht mehr beide Dialoge gleichzeitig geöffnet.

Siehe test/test_popup.html

[Ingo298]

Danke funktioniert super

[neyzen]

Hallo,

ich versuche das gerade auch hinzubekommen,aber scheitere dran.
Ich habe folgendes Widgets:

Code Auswählen Erweitern

<li data-row="5" data-col="17" data-sizex="1" data-sizey="1">
<div class="large" style="color:white;">SYSTEM</div>
<div data-type="popup" data-height="770px" data-width="300px">
<div class="inline top-space-2x">
<div class="bigger compressed"
data-type="symbol"
data-device="SystemStatus"   
data-get="state"
data-states='["on","off"]'
data-icons='["fs-radio_checked faa-flash animated faa-slow","fs-general_ok"]'
data-background-icons='["",""]'
data-colors='["#ff0000","#7fff00"]'
data-background-colors='["#6495ed","#ffd700"]'
class="cell normal" >
</div>
<!-- PopUp-Fenster -->
<div class="inline top-space-2x">
<div class="bigger compressed"
data-type="symbol"
data-device="ZigbeeStatus"   
data-get="state"
data-states='["on","off"]'
data-icons='["mi-device_hub faa-flash animated","mi-device_hub"]'
data-background-icons='["",""]'
data-colors='["#ff0000","#7fff00"]'
class="cell normal" >
</div>


Jetzt würde ich gerne wenn der popup "ZigbeeStatus" aufpopt, durch klicken des icons ein weiterer popup öffnet,nämlich dieser

Code Auswählen Erweitern

<div class="dialog">
<div class="inline">
<header>ZIGBEE STATUS</header>
<div>
<div class="cell">
<div data-type="readingsgroup" data-device="ZigbeeDeviceStatus"></div>
</div>

Wie krieg ich diese Verschachtelung rein?

[MKeY]

Hilfe zur Selbsthilfe, hier die benannte Datei zum Nachbauen
https://github.com/knowthelist/fhem-tablet-ui/blob/master/test/test_popup.html

[neyzen]

Super, hab jetzt dadraus meines angepasst.
Jetzt popt aber zuerst mein zweites popup auf und drunter ist der erste. Wenn ich den mit den Fingern wegschiebe und den ersten popup klicke dann öffnet sich auch der erste. Aber ich würde gerne das zuerst der erste popup aufpopt und dann wenn ich den zweiten widget klicke der zweite aufpopen soll. so wie jetzt poppen beide gleichzeitig auf. pop pop..

Code Auswählen Erweitern

<li data-row="5" data-col="17" data-sizex="1" data-sizey="1">
<div class="large" style="color:white;">SYSTEM</div>
<div data-type="popup" data-height="770px" data-width="300px">
<div class="inline top-space-2x">
<div class="bigger compressed"
data-type="symbol"
data-device="SystemStatus"   
data-get="state"
data-states='["on","off"]'
data-icons='["fs-radio_checked faa-flash animated faa-slow","fs-general_ok"]'
data-background-icons='["",""]'
data-colors='["#ff0000","#7fff00"]'
data-background-colors='["#6495ed","#ffd700"]'
class="cell normal" >
</div>

<!-- PopUp-Fenster -->
<div class="inline top-space-2x">
<div data-type="popup" data-height="770px" data-width="300px">
<div class="bigger compressed"
data-type="symbol"
data-device="ZigbeeStatus"   
data-get="state"
data-states='["on","off"]'
data-icons='["mi-device_hub faa-flash animated","mi-device_hub"]'
data-background-icons='["",""]'
data-colors='["#ff0000","#7fff00"]'
class="cell normal" >
</div>

<div class="dialog">
<div class="inline">
<header>ZIGBEE STATUS</header>
<div>
<div class="cell">
<div data-type="readingsgroup" data-device="ZigbeeDeviceStatus"></div>
</div>

</li>

[MKeY]

 
Sorry, aber so genau kann ich dir nicht folgen, was du genau möchtest.
Der Code in der Testseite von setstate ist doch übersichtlich und funktioniert so, wie du es in deinem ersten Post beschrieben hast.

Es öffnet sich ein Popup und wenn du im popup unten links drückst, dann das zweite.
Vielleicht kannst du es noch ein wenig genauer, ggf mit Bildern, beschreiben?