Interactive Studio

Know How

Know How

Modalfenster

Ein Modalfenster (Dialogfenster) ist als Element der grafischen Benutzeroberfläche ein Begriff, der in der professionellen Webentwicklung und im Webdesign genutzt wird.

Im Modalfenster kann und wird jeglicher Content angezeigt. So werden Bilder, z. B. Thumbnails von einer Bildergalerie, in einem Modalfenster groß angezeigt. Ähnliches gilt auch für Videos. Modalfenster werden für eine Single-Page-Applikation in Vue.js, React, Angular oder einer anderen reaktiven Sprache geschrieben. Das Fenster wird dann über JavaScript eingebunden und ausgeführt. So gesehen hat das Modalfenster das klassische Pop-up-Fenster abgelöst.

Ein Modalfenster limitiert die Aktionen eines Web-Users. Seine Aktionen sind in der Zeit strikt auf das Dialogfenster beschränkt, d. h., Anwendung und Menübefehle sind in dieser Zeit nicht nutzbar. Das Modalfenster bleibt stets im Vordergrund. Der User muss es erst bestätigen, annullieren oder schließen – also eine der angebotenen Möglichkeiten wählen.

Begierde Wissen

insights

insights