UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[Hiltex]

Hallo zusammen,

ich nutze das jqui - HTML - dialog-Widget, um bestimmte Dinge anzuzeigen. Aus optischen Gründen möchte ich gerne auf den Schließen-Button in der Kopfzeile verzichten und den Dialog stattdessen mit einem anderen Element innerhalb des Dialogs schließen.

In Container-Dialogen, die eine View einblenden, kann man dafür das jqui - Button dialog close-Widget verwenden, aber das lässt sich in normalen Dialogen ja nicht platzieren.

Ich hab schon Verschiedenes ausprobiert:

• <button onClick="vis.dialog('close');">
• <button onClick="this.dialog('close');">
• Das gesamte jqui - Button dialog close-Widget aus dem Quellcode kopiert und eingefügt
• unzählige andere Sachen, die alle nicht funktioniert haben

Es muss doch eine Möglichkeit geben, einen normalen Dialog auszublenden, ohne den Close-Button in der Titelzeile zu bemühen.

Kann mir jemand sagen, ob ich auf dem Holzweg bin?

[Glasfaser]

@hiltex sagte in Dialog schließen mit onClick?:

Aus optischen Gründen möchte ich gerne auf den Schließen-Button in der Kopfzeile verzichten und den Dialog stattdessen mit einem anderen Element innerhalb des Dialogs schließen.

du kannst auch im Widget das einstellen , reicht das nicht !?

[Hiltex]

@glasfaser das ist für meinen Anwendungsfall leider nicht das richtige Mittel, denn in dem Dialog sind Buttons platziert, die man bedienen können soll.

Tippt man so einen Button an, dann wird die Aktion zwar ausgeführt, aber der Dialog schließt sich dann direkt, was eben nicht passieren soll.

[DJMarc75]

@hiltex ich nehme für solche Dinge:

dieses Widget und stelle dann eben die View zum navigieren ein und nehme den Haken raus (siehe Bild)

[Hiltex]

@djmarc75 Für deinen Vorschlag müsste ich eine neue View anlegen, oder?

Der Hintergrund, warum ich das alles in den normalen Dialog packen will ist, dass ich nicht für alles eine View erzeugen will. Obwohl gut strukturiert, werden das langsam so viele, dass man den Überblick verliert, was hauptsächlich diversen Dialogen, die ich doch als View einbinde, geschuldet ist, sowie zahlreichen Snap-Scroll-Views (scrollbare Views, die automatisch seitenweise gescrollt werden).

[DJMarc75]

@hiltex sagte in Dialog schließen mit onClick?:

müsste ich eine neue View anlegen

ja

[Hiltex]

@djmarc75 dann ist das leider nicht das Gesuchte. Danke trotzdem

[DJMarc75]

@hiltex dann versuch Dich mal mit folgender Zeile in CSS:

.ui-dialog-titlebar-close {
    visibility: hidden;
}

[Hiltex]

@djmarc75 und wie verarbeitet das mein Close-Button?

Der Code blendet doch nur ein Element aus, das diese Klasse besitzt. Oder sehe die Funktion darin einfach nicht?

[Glasfaser]

@hiltex sagte in Dialog schließen mit onClick?:

ich nutze das jqui - HTML - dialog-Widget,

Gegebfrage , was ich / wir nicht wissen .

Das ist ein HTML Widget , hast du dort ein Code drin .. oder !?
was öffnest du im Dialog !`?

[DJMarc75]

@hiltex sagte in Dialog schließen mit onClick?:

und wie verarbeitet das mein Close-Button?

dadurch wird die Titelzeile ausgeblendet.... diese Titelzeile enthält ja das "x" zum schliessen.

Mach doch einfach mal und teste es ob das für Deine Ansprüche passt.

[Hiltex]

@glasfaser sagte in Dialog schließen mit onClick?:

Gegebfrage , was ich / wir nicht wissen .

Das ist ein HTML Widget , hast du dort ein Code drin .. oder !?
was öffnest du im Dialog !`?

Ein Beispiel für einen einfachen Dialog:

<div class="dialog-header">Seitenbürste</div>
<div class="dialog-content">Die Seitenbürste muss ersetzt werden.</div>
<div class="dialog-content">Zustand der Seitenbürste: {mihome-vacuum.0.consumable.side_brush}%</div>
<div class="dialog-buttons">

<button class="dialog-button half-1" onClick="vis.setValue('mihome-vacuum.0.consumable.side_brush_reset', true);">Rücksetzen</button>
<button type="button" class="dialog-button half-2" role="button" title="Close">Schließen</button>
</div>

Der Code vom Schließen-Button ist recht unsauber und eher als Relikt meiner vielen Versuche zu betrachten.

@djmarc75 sagte in Dialog schließen mit onClick?:

dadurch wird die Titelzeile ausgeblendet.... diese Titelzeile enthält ja das "x" zum schliessen.

Mach doch einfach mal und teste es ob das für Deine Ansprüche passt.

CSS ist kein Problem für mich. Ich formatiere mir das alles, wie ich es benötige. Nur die Funktion des Schließen-Buttons fehlt noch.

Btw: Nur dass ihr euch nicht wundert - der Dialog macht so keinen Sinn. Der Button zum Öffnen wird dynamisch eingeblendet, wenn es Zeit wird, die Bürste zu tauschen.