Modify UI Components Using Page Composer

You can modify your UI components by updating their properties. For example, you can change the field labels, or make a check box required.

Any changes you make apply only to the page that you're on. And they apply to all or specific groups of users, depending on the context layer that you select. For example, you can make changes only for users with a specific job role. In which case, you must also have that job role to test your changes in the sandbox.

Before You Start

In Page Composer, you get the Design view by default to edit pages. But on some pages, you must use the Source view. Set the Source View for Page Composer Enabled profile option (FND_PAGE_COMPOSER_SOURCE_VIEW) to Yes so that the View menu is available for you to switch between the two views. In the Setup and Maintenance work area, use the Manage Applications Core Administrator Profile Values task in the Application Extensions functional area.

Modify UI Components

1. Activate a sandbox that has the Page Composer tool in it. Make sure the context layer of your sandbox is supported by the page you want to edit. Otherwise, you won’t be able to edit the page.

2. Click your user image or name in the global header and select Edit Pages from the Settings and Actions menu.

3. Either stay in the Design view to get the main properties, or select Source from the View menu to get all the properties.

   • If you stay in the Design view, do these tasks:

     1. Find the UI component you want to modify.

     2. Click the Select tab that's right after the Page Composer bar.

     3. Hover over the UI component until a blue border appears around it.

     4. Click anywhere in the component as long as the border is visible and select Edit Component.

   • If you select Source from the View menu, do these tasks:

     1. Hover over the UI component until a blue border appears around it and select the component.

     2. Click the Show the properties of <component> icon in the Source View pane.

4. Update the component's properties, which may include some of the properties listed here

   Property	Description
   Label	The display text for the component. For example, the field prompt or the single prompt for a group of check boxes.
   Read only	Indicates whether the component is rendered as read-only. You can set the value to True, False, or EL expression.
   Rendered	Indicates whether the component is available on the page. You can set the value to True, False, or EL expression.
   Required	Indicates whether users must enter some data for the component before they save. You can set the value to True, False, or EL expression.
   ShortDesc	Text that appears when users hover over the component.
   Show Component	Indicates whether the component is visible or hidden to users.
   Show Required	Indicates whether an asterisk is displayed to tell users that the component is required.

5. Click OK to save your changes.

6. If available, click Save and Label to label your changes so that you can revert to this configuration at any point in the future. Labels are saved with a composer_ prefix. For example, if you enter myLabel, the label is composer_myLabel.

7. Click Close on the Page Composer bar.