7.3 Using Page Designer
Use Page Designer to view and edit application pages.
Tip:
To view a list of keyboard shortcuts, press Alt+Shift+F1. Alternately, click the Help menu at the top of the page and select Shortcuts.
- Viewing a Page in Page Designer
To view a page in Page Designer, select an application and then a page. - Searching for Pages
Use the Page Selector to search for pages within the current application. - Dragging and Dropping Tabs Between Panes
Drag and drop tabs within a Page Designer pane. - Switching Between Three Pane and Two Pane Mode
Use the Layout options on the Utilities menu on the Page Designer toolbar to switch between pane modes. - Accessing Property Editor
The Property Editor displays in the right pane of Page Designer and displays all attributes for currently selected components. - Adding a Region, Item, or Button by Dragging and Dropping
Add regions, page items and buttons by dragging and dropping from the Gallery. - About Adding Components Using Gallery Context Menus
Add a component to a page by right-clicking a component in the Gallery to view a context menu. - Adding a Region, Item, or Button from the Rendering Tab
Add a component or container from the Rendering tab by right-clicking an existing component or container to display a context menu. - Copying a Region, Item, or Button
Copy regions, items, and buttons by using context menus or pressing CTRL and dragging and dropping with the mouse. - Creating Pre-Rendering Branches, Computations, and Processes
Create branches, computations, and processes that execute before rendering the page: - Creating Page Submission Branches, Validations, Computations, and Processes
Create page submission branches, validations, computations, and processes in the Processing tab.
Parent topic: Editing Pages in Page Designer
7.3.1 Viewing a Page in Page Designer
To view a page in Page Designer, select an application and then a page.
To view a page in Page Designer:
See Also:
Parent topic: Using Page Designer
7.3.2 Searching for Pages
Use the Page Selector to search for pages within the current application.
The Page Selector is the first control in the Page Designer toolbar and displays the current page number.
To search for pages within an application:
Parent topic: Using Page Designer
7.3.3 Dragging and Dropping Tabs Between Panes
Drag and drop tabs within a Page Designer pane.
By default, Page Designer displays three panes which contain one or more tabs. You can drag and drop tabs within a pane or between panes by selecting the pane heading (or icon) and then dragging and dropping it to a new location. To return to the default display, click Utilities on the Page Designer toolbar and select Layout and then Reset Layout.
To drag and drop tabs in Page Designer:
Parent topic: Using Page Designer
7.3.4 Switching Between Three Pane and Two Pane Mode
Use the Layout options on the Utilities menu on the Page Designer toolbar to switch between pane modes.
Three Pane Mode (the default) displays the left pane, central pane, and the right pane. Two Pane Mode displays just the central pane and the right pane. A typical use case for accessing Two Pane Mode, is when you want to view just the Rendering tree and the Property Editor. To return to the default display, click Utilities on the Page Designer toolbar and then select Layout and then Reset Layout.
To hide and show Page Designer panes:
Parent topic: Using Page Designer
7.3.5 Accessing Property Editor
The Property Editor displays in the right pane of Page Designer and displays all attributes for currently selected components.
To access Property Editor:
Parent topic: Using Page Designer
7.3.6 Adding a Region, Item, or Button by Dragging and Dropping
Add regions, page items and buttons by dragging and dropping from the Gallery.
Each application page consists of regions, page items and buttons. Those components can be added to page positions or region positions, under the overarching container called Components.
To add a region, item, or button by dragging and dropping from the Gallery:
Parent topic: Using Page Designer
7.3.7 About Adding Components Using Gallery Context Menus
Add a component to a page by right-clicking a component in the Gallery to view a context menu.
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.
Parent topic: Using Page Designer
7.3.8 Adding a Region, Item, or Button from the Rendering Tab
Add a component or container from the Rendering tab by right-clicking an existing component or container to display a context menu.
To create new component or container in the Rendering tab:
7.3.9 Copying a Region, Item, or Button
Copy regions, items, and buttons by using context menus or pressing CTRL and dragging and dropping with the mouse.
Each application page consists of regions, page items and buttons. Those components can be added to page positions or region positions, under the overarching container called Components. 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:
-
View the page in Page Designer.
-
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:
-
View the page in Page Designer.
-
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:
-
View the page in Page Designer.
-
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.
Parent topic: Using Page Designer
7.3.10 Creating Pre-Rendering Branches, Computations, and Processes
Create branches, computations, and processes that execute before rendering the page:
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.
Parent topic: Using Page Designer
7.3.11 Creating Page Submission Branches, Validations, Computations, and Processes
Create page submission branches, validations, computations, and processes in the Processing tab.
To create branches, validations, computations, and processes that execute when the page is submitted:
Tip:
You can use context menus to duplicate, delete, and copy a component to other pages.
Parent topic: Using Page Designer