oracle application oracle application express 5.0 express 5.0 page

13
Oracle Application Oracle Application Express 5.0 Express 5.0 Page Designer Page Designer 1 Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Page Designer Page Designer David Peake Product Manager Oracle Application Express October 2013

Upload: lamnguyet

Post on 03-Jan-2017

267 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Oracle Application Oracle Application Express 5.0Express 5.0

Page Designer Page Designer

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

Page Designer Page Designer

David Peake

Product Manager

Oracle Application Express

October 2013

Page 2: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

The following is intended to outline Oracle’s general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be

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

material, code, or functionality, and should not be relied upon in making purchasing decisions.The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.

Page 3: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Oracle Application Express 5.0

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

Improved Developer Productivity

Page 4: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Statement of Direction

APEX OTN Site

(http://otn.oracle.com/apex)

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

Page 5: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Definition:

Component View

Page Definition:

Tree View

Page Definition:

Page Designer� New IDE including

drag and drop layout

Page Definition History

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

HTML DB

1.5

APEX

3.0

APEX

4.0APEX

5.0

Drag and Drop Layout

Introduced� Form items only

APEX

4.2

Grid Layout Themes

Drag and Drop Layout

Removed

Page 6: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Designer {Planned for APEX 5.0}

All images are draft only.

Aspects of the look and

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

Aspects of the look and

feel will change before

production release

Page 7: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

• Define and maintain page elements directly within the IDE

without needing to navigate to other pages.

• Quickly create new elements using drag and drop or menu shortcuts.

• Highly configurable user interface allowing the developer to customize

and refine their view of the page, specific to their current focus, including

Page Designer: Overall Design

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

and refine their view of the page, specific to their current focus, including

slidable panels, hide / show groupings, zoom, and so forth.

• Perform updates to any number of elements on the page.

• Utilize “Undo” and “Redo” to revert the changes made.

• Simply press the “Apply Changes” button to commit all pending changes.

Page 8: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Designer: Left Panel

• Tree structures similar to those in the existing Tree View.

• Rendering, Processing and Shared Components all grouped in

the left panel instead of horizontally across the page.

• Dynamic Actions introduced as a new grouping.

• Allows you to create, move and duplicate elements using drag

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

• Allows you to create, move and duplicate elements using drag

and drop techniques or the improved context sensitive menus.

• All element types can be deleted directly from the tree.

• Clicking on one or more elements will highlight those elements

in the Grid Layout and populate common element details in the

Property Editor.

Page 9: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Designer: Centre Panel - Top

• Grid Layout allows you to create, move,

copy and delete regions, items and buttons

using drag and drop techniques.

• Clicking on one or more elements will

highlight those elements within Rendering

and populate common element details in

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

and populate common element details in

the Property Editor.

• Text Editor allows you to edit code, such as

Region Source, with syntax highlighting

and auto-completion.

Page 10: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Designer: Centre Panel - Bottom

• Gallery shows regions, items and buttons that

can be dragged into the Grid Layout above to

create a new element.

• Messages display errors and warnings

associated with changes you have made to

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

associated with changes you have made to

the page.

• Help displays context sensitive help based on

the current focus.

• Search allows you to perform a page search.

Page 11: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

Page Designer: Right Panel

• Property Editor displays the details for the currently selected

element(s) and vastly improves productivity by making the

definition of elements easier and more intuitive.

• Improved usability for defining properties, including instant

input feedback, cascading context sensitive selections,

easier definition of common property types, and better help

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

easier definition of common property types, and better help

text.

• Allows bulk editing of common properties when multiple

elements are selected.

� If a property has the same value for all elements the value is displayed.

� If the values differ the display will be blacked out and not show a value.

Page 12: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

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

Page 13: Oracle Application Oracle Application Express 5.0 Express 5.0 Page

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