Use Page Designer to view and edit database application pages.
Tip:
To view a list of keyboard shortcuts, click Alt+Shift+F1. Alternately, click the Help menu at the top of the page and select Shortcuts.
Topics:
See Also:
"Understanding Page Designer UI Elements" and "Viewing Help in Page Designer"
The Page Selector is the first control in the Page Designer toolbar and displays the current page number. Use the Page Selector to search for pages within the current application.
To search for pages within an application:
See Also:
"Running a Page from Page Designer" and "Creating Page Groups"
By default, Page Designer displays three panes. Use the options on the Setting menu on the Page Designer toolbar to switch between Two Pane Mode and Three Pane Mode. A typical use case for accessing Two Pane Mode, is when you want to view just the Rendering tree and the Property Editor.
To hide and show Page Designer panes:
Tip:
You can also drag and drop the tabs between panes. To return tabs to their default positions, select Reset Layout from the Settings menu on the Page Designer toolbar.
The Property Editor displays in the right pane of Page Designer and displays all attributes for currently selected components.
To access Property Editor:
Each application page can have buttons and fields (called items) which are grouped into containers called regions. You can add regions, items, and buttons to a page by dragging and dropping them from the Gallery.
To add a region, item, or button by dragging and dropping from the Gallery:
In addition to dragging and dropping components from the Gallery, you can also right-click a component in the Gallery to view a context menu. Each context menu features an Add To option which displays the actual locations where you can add the component. In this example, the developer is adding a new report to before the Content Body region.
To create new components within the Rendering tab:
To assist developers with the transition to Page Designer, Page Designer includes a Component View tab. Similar in appearance to Legacy Component View, the Page Designer Component View tab presents user interface elements and application logic by component type.
To create new components from the Component View tab:
Each application page can have buttons and fields (called items) which are grouped into containers called regions. Developers can copy regions, items, and buttons by using context menus or pressing CTRL and dragging and dropping with the mouse.
Copying a Region, Item, or Button Using Context Menus
To copy a region, item, or button using context menus:
In the central pane, select the Layout tab.
Locate and select the appropriate region, item, or region button.
Right-click to display the context menu.
From the context menu, select Copy To and then select the location.
Edit the component attributes.
Copying a Region, Item, or Button by Dragging and Dropping
To copy a region, item, or button by dragging and dropping:
In the left pane, select the Rendering tab.
Locate and select the appropriate region, item, or region button.
Press CTRL and then use the mouse to drag and drop the component to the new location.
A copy of the component appears in the new location.
Edit the component attributes.
Copying a Region, Item, or Button to Another Page
To copy a region, item, or button to another page:
In the left pane, select the Rendering tab.
Locate and select the appropriate region, item, or region button.
Right-click the component, and select Copy to other Page.
The appropriate wizard appears.
Follow the on-screen instructions.
To create branches, computations, and processes that execute before rendering the page:
Tip:
If you have changed the default display to group components by component type, then you must to navigate to the Processing tab to maintain pre-rendering components.