Oracle Alta UI is a set of guidelines and a web design system introduced to help developers build easy, contemporary, and user-friendly GUI applications on both web and mobile platforms. These new web standards introduced by Oracle Alta UI have helped in standardizing the application interface for numerous enterprise applications, including Oracle products and Oracle Cloud native applications. They also helped frameworks such as Oracle ADF and JET with a fresh style, trendy layout, and a consistent look and feel. A lot of effort has been put into building Oracle Alta UI, combining JavaScript, CSS, and UI templates.

Oracle Alta UI does more than just improve the look and feel of an application. It is built based on the following philosophies:

• Mobile-first approach: With the aim of supporting both web and mobile platforms, components have been designed...

Alta UI offers great support through its layout structure and adaptable components for applications to be developed in the Oracle JET framework.

Alta UI divides the page into different layouts that help to fill each section with the respective content to create an organized page structure. The Oracle Alta UI page layout schema can be represented as follows:

This layout lets us choose the layout that matches our requirements, selecting between branding, menu, content in columns, and footer areas, as represented in the diagram. The following are some of the page layout configurations based on the columns, drawer, and optional footer:

In this section,...

Apart from the page styles demonstrated in the preceding sample application, there are a few other important page styles provided by Alta UI. Some of them are detailed as follows:

The Form page style can contain the information in editable form fields in an organized manner, as shown in the following screenshot:

Forms can appear in diverse contexts, including content area, drawer, wizard, or a secondary window.

To present one-to-many relationship data on the application interface, the master...

Along with the previously listed page styles, Alta UI has the capability to customize other sections of the application, such as page attributes, regions, navigation items, data grids, and page layouts, which can be divided into branding, drawer, and footer areas.

While the default theme provided in the following example looks good, you can further customize the application UI design and add many more features with the up-to-date styles, patterns, and options offered by Alta UI, which are available and well documented at the Oracle Alta UI home page: http://www.oracle.com/webfolder/ux/middleware/alta/index.html.

In the upcoming chapters, we'll dive deep into detailed concepts, such as components and framework foundations, to be able to effortlessly add fancy features ton our application.

In this chapter, we learned the essential Oracle Alta UI concepts and about the evolution of Oracle. We also learned about the support Alta UI offers for Oracle JET applications, as well as running through a step-by-step sample web application developed in Oracle JET with Alta UI and reviewing its features in detail. We finished this chapter with an understanding of the power of Alta UI and recommendations for adopting the latest features.

In the next chapter, we will learn about the tool integration that helps to build Oracle JET framework-based applications.