Detail page style

Clicking on any People record, either on the Card page style or the List page style, navigates the application to that specific person's details in the Detail page style, as shown in the following screenshot:

It contains inpidual contacts, performance, and hierarchical information, along with other person-specific details. About, Performance, Compensation, and Team are the tabbed details for each person. Clicking on any of the tabs (for example, Compensation) shows the tab-specific information, as follows:

With the preceding sample project, we explored the power of Alta UI and how it makes Oracle JET applications look rich and trendy. While we dig through inpidual concepts such as components and frameworks in upcoming chapters, we strongly recommend you start reviewing the WorkBetter application code in NetBeans IDE, starting from index.html, to understand how pages are designed and how the navigation works.