In this chapter, we are going to develop the contacts management feature of our application, which includes listing, adding, editing, and deleting contacts all of this the Ajax way!
Moreover, we are going to learn new concepts about the RichFaces component framework and Ajax support.
Let's start preparing the space for the core features of the application. As you've seen in Chapter 4, The Application, we want a three-column layout for groups, contacts list, and contact detail. Let's open the
home.xhtml file and add a three-column panel grid inside the body:
<h:panelGrid columns="3" width="100%" columnClasses="main-group-column, main-contacts-list-column, main-contact-detail-column"> </h:panelGrid> ...