Oracle Application Express:

Application Development
Foundations
3-1
Managing Pages in Page Designer

Copyright © 2019, Oracle and/or its affiliates. All rights reserved.

Objectives
This lesson covers the following objectives:
• Explain application page components
• Create an application page and view its definition
• Manage pages in page designer
• Describe page designer UI elements
• Add page components

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 3
Understanding Application Page
Components Navigation Bar
Navigation Menu

Button

Item

Region

Region

Button
Button
Developer Toolbar
Button

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 4
Understanding Page Modules

Normal Modal Dialog

Non-Modal Dialog

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 5
Creating a Page

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 6
Creating a Page

5
6

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 7
Navigating to Page Definition

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 8
What is Page Designer? Toolbar

Left Central Right

Pane Pane Pane

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 9
Understanding Page Designer UI Elements:
Toolbar

Utilities

Redo Changes
Page Lock Shared Components

Page Selector Undo Changes Save and Run Page

Create

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 10
Understanding Page Designer UI Elements:
Toolbar

Utilities

Redo Changes
Page Lock Shared Components

Page Selector Undo Changes Save and Run Page

Create

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 11
Understanding Page Designer UI Elements:
Left Pane

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 12
Understanding Page Designer UI Elements:
Central Pane

Gallery

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 13
Page Designer UI Elements: Central Pane -
Layout

Drag and drop

an item

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 14
Adding Components by Dragging and
Dropping from the Gallery

Adding an item by
dragging and
dropping from the
gallery

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 15
Understanding Page Designer UI Elements:
Property Editor

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 16
Using the Code Editor

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 17
Summary
In this lesson, you learned how to:
• Explain application page components
• Create an application page and view its definition
• Manage pages in page designer
• Describe page designer UI elements
• Add page components

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 18
19
Practice Activities

ADFo 3-1
Managing Pages in Page Designer Copyright © 2019, Oracle and/or its affiliates. All rights reserved. 20