Search⌘ K
AI Features

Extending from Base Views

Explore how to extend base views in Marionette.js by creating a layout with regions to host a control panel above the contacts list. Learn to manage multiple views and templates, instantiate layouts independently of data loading, and organize your app's interface to support new contact creation and future features.

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:

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 ...