7.3.2 Managing Regions, Items, and Buttons

Learn about creating and copying regions, page items and buttons in Page Designer.

• Adding a Region, Item, or Button by Dragging and Dropping
  Add regions, page items and buttons by dragging and dropping from the Gallery.
• 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.

See Also:

• Managing Buttons
• Managing Page Items
• Managing Regions

7.3.2.1 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:

1. View the page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
   Page Designer appears.
2. If needed, select the Layout tab in the central pane.
3. In the Gallery at the bottom of the central pane, locate the component or control you want to create.

   The Gallery lists all controls or components you can add to a page. Passing the cursor over a control or component displays a tooltip that describes it.

   Tip:

   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. Select Add To and then the location where you want to add the component.

4. Click and hold the mouse on the component to be created and drag it the desired location in the Layout tab.

   When the mouse is over the appropriate location, the Layout tab displays as a darkened yellow tile. Release the mouse to drop the component. You can only drop components into appropriate drop positions, as determined by the component type.

5. Page Designer indicates what to do next. If there is an error, the Show Messages icon displays in the Page Developer toolbar.
   1. Click the Show Messages icon on the Page Designer toolbar.
      The Messages dialog displays errors that must be addressed.

      
      Description of the illustration pd_add_eg.png
   2. Select an error to highlight the associated attribute in the Property Editor.
6. Edit the appropriate attributes in the Property Editor.

   Tip:

   To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.

7. Click Save or Save and Run Page.

7.3.2.2 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:

1. View the page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
2. In the left pane, select the Rendering tab.
3. Locate and select the appropriate region, item, or region button.
4. Right-click an existing component or container to display the context menu for that component type.
5. Select a command (for example, Create Region, Create Sub Region, Create Page Item, Create Button and so on). The options available depend upon the node you select.
6. Edit the appropriate attributes in the Property Editor.

   To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.

   Tip:

   To add a legacy component, from the Type attribute in the Property Editor, select Show Legacy.... Legacy components are added to the list. Although Oracle still supports legacy application components, Oracle does not recommend using them.
7. Click Save or Save and Run Page.

See Also:

• Right Pane of Page Designer (Property Editor)

• Managing Regions

• Viewing Page Items

• Creating a Button

7.3.2.3 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:

1. View the page in Page Designer.

2. In the central pane, select the Layout tab.

3. Locate and select the appropriate region, item, or region button.

4. Right-click to display the context menu.

5. From the context menu, select Copy To and then select the location.

6. 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:

1. View the page in Page Designer.

2. In the left pane, select the Rendering tab.

3. Locate and select the appropriate region, item, or region button.

4. 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.

5. Edit the component attributes.

Copying a Region, Item, or Button to Another Page

To copy a region, item, or button to another page:

1. View the page in Page Designer.

2. In the left pane, select the Rendering tab.

3. Locate and select the appropriate region, item, or region button.

4. Right-click the component, and select Copy to other Page.

   The appropriate wizard appears.

5. Follow the on-screen instructions.