Search⌘ K

Implementing Modal View

Explore how to implement a modal view in Marionette.js using jQuery UI, enabling users to edit contacts directly from the contact list. Learn to handle modal windows, refactor shared form functionalities, and manage events for a practical editing interface.

Using jQuery UI

We’ve already got a dedicated view to edit our contacts, but now we’ll implement a modal view that will enable users to edit contacts directly from the page listing all contacts:

A modal window to edit a contact
A modal window to edit a contact

This will enable us to learn not only about managing modal windows but also how to refactor our code to centralize shared functionality of the forms, error display, ...