O'Reilly logo

Beginning Oracle® Application Express by Paul Turley, Chris Leiter, Dan Wood

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

7.1. Page Layouts

In a browser, the atomic unit of display is a page. Pages are sent from the APEX server to your users' browser. Every APEX page has a page layout, which you can customize to change the appearance of the page.

Up until this point in the book, you have been accepting the default page layout for forms and standard reports. It's time to look at how you can change the layout of a page to give your users a more pleasing and logical interface.

Try It Out: Drag- and-Drop Page Layouts

The APEX development environment includes a simple drag-and-drop interface for item layouts.

  1. Go to the main development page for your application, and double-click on the form you created for the CUSTOMERS table.

  2. Run the page to refresh your memory of the appearance of the default page, as shown in Figure 7-1.

    Figure 7-1. Figure 7-1

You can readily see that the layout of this page could be improved.

  1. Return to the development environment by clicking on the Edit Page link.

In the Items section under the leftmost Page Rendering column, you will see three icons to the right of the Customers region. The first two allow you to move an item up or down in the item list, which will change the order of the items displayed on a page. The icon on the right looks kind of like a moving box, and this icon will lead you to the drag-and-drop interface.

  1. Click on the rightmost icon to the right of the Customers ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required