Extending from Base Views

Learn how to subdivide our main window into separate regions to enable a "New contact" button.

Now that we’ve got all the other CRUDCreate, Read, Update, and Delete functionality working, let’s enable our app’s users to create new contacts.

Visual modifications

We’ll start with the visual modifications. We’ll need a new area in our List view so we can display a button to create new contacts. This looks something like this:

Press + to interact
Main page with the "New contact" button added
Main page with the "New contact" button added

To accomplish this, we’ll use a Marionette layout just like we did to subdivide our main window into separate regions. According to ...