It would be very useful to group our contacts and have different lists of contacts to quickly search for one or the other.
In order to do that, we are going to implement the group feature basically, you can add as many groups as you want and every contact can stay in one or more groups. Every group has a color and a description. Let's see how to implement it!
We are going to use the first box that, until now, contained just the All contacts link, In order to do that, let's open the
/view/main/contactsGroup.xhtml and start writing the main table containing the All contacts link and the other group links.
Let's replace the
<h:panelGrid>...</h:panelGrid> code with this one:
<table width="100%" ...