1. Configuring and Extending Applications
  2. Modify Flexfields Using Page Composer

Modify Flexfields Using Page Composer

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 (FND_PAGE_COMPOSER_SOURCE_VIEW) profile option to Yes so that the View menu is available for you to switch between the Design view and the Source view. You can find the profile option in the Manage Administrator Profile Values task in the Setup and Maintenance work area.

Modify Extensible Flexfields

Here are the steps to modify extensible flexfields.
  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. Open the page with the flexfield you want to modify.
  3. Click your user image or name in the global header and select Edit Pages from Settings and Actions.
  4. From the View menu, select Source.
  5. Expand the Source View pane at the bottom of the page.
  6. In the Source View pane look for the component that’s bound to an EffContextsPageContainer task flow.
  7. Select the component and click the Show the properties of EffContextsPageContainer .
  8. Edit the component properties and click Ok to save your changes.
  9. Click Close in the Page Template Composer toolbar to save your changes.
  10. Test your changes and publish the sandbox. See Publish Sandboxes.

Modify Descriptive Flexfields

Here are the steps to modify descriptive flexfields.
  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. Open the page with the flexfield you want to modify.
  3. Click your user image or name in the global header and select Edit Pages from Settings and Actions.
  4. From the View menu, select Source.
  5. Expand the Source View pane at the bottom of the page.
  6. In the Source View pane look for the component that’s bound to a descriptiveFlexfield task flow.
  7. Select the component and click the Show the properties of descriptiveFlexfield.
  8. To edit the properties, do these tasks:
    1. Select or enter a value for each property.
    2. Optionally, you can also click the Edit icon next to the property.
      1. In the Expression Editor dialog box, select Type a value or expression .
      2. You can enter any of these values:
        • True: The property is enabled for the UI element.
        • False: The property isn’t enabled for the UI element.
        • EL expression: The evaluation of the EL expression decides whether the property will be enabled or disabled for the UI element.
      3. To make sure the value or expression you entered is correct, click Test.
      4. Click Ok.
    3. On the Component Properties: descriptiveFlexfield dialog box, click Ok to save your changes.
    4. Click Close in the Page Composer toolbar to save your changes.
  9. Test your changes and publish the sandbox. See Publish Sandboxes.
Here's the list of descriptive flexfields properties that you can edit.
Property Description
Read-only Indicates whether the flexfield is rendered as read-only.
Auto Submit Indicates whether the component submits automatically when the user changes the segment's value.
Rendered Indicates whether the flexfield is rendered on the page.
Note: If a value for this property is explicitly set within the descriptive flexfields metadata, it's shown as read-only. Users can't override the metadata settings using Page Composer.
Required Indicates whether users must enter data for the component, before saving the page.
Note: If a value for this property is explicitly set within the descriptive flexfields metadata, it's shown as read-only. Users can't override the metadata settings using Page Composer.
Inline Style Specifies the inline style of the component. You can use this property to set individual properties, such as background color, font style, or padding.
Style Class Specifies the style class of the flexfield. You can use this property to group a set of inline styles.
Mode Indicates the UI mode of the descriptive flexfield component. You can use this property to render all the segments or just some of them. You can select any one of these values:
  • global: Renders only the global segments of the flexfield. You can use this value for a descriptive flexfield inside a table column to generate sub-columns for the global segments.
  • contextSensitive: Renders only the context-sensitive segments of the flexfield (including the context segment). You can use this value for a descriptive flexfield inside a table detail region to render the context values.
Note: If no value is selected, all descriptive flexfield segments are rendered by default.
Auto Submit Indicates whether the component submits automatically when the user changes the segment's value.
ShortDesc Specifies a text that appears when a user hovers over an element.
Label Specifies the display text for the component. For example, the field prompt or the single prompt for a group of checkboxes.
Columns Specifies the width of the control in terms of the default font size of the browser.
Note: Flexfield segments can't be edited using their individual component elements. They can only be edited from the properties panel of the descriptiveFlexfield element they belong to. To find these components, open the properties panel of the descriptive flexfield, switch to the relevant tab, and search using the unique identifying information. For example, to find a context sensitive segment, open the properties panel for the flexfield and go to the Flexfield Context Segments tab. Search for the segment using its Context Value and Segment Code.

Modify Key Flexfields

Here are the steps to modify extensible flexfields.
  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. Open the page with the flexfield you want to modify.
  3. Click your user image or name in the global header and select Edit Pages from Settings and Actions.
  4. From the View menu, select Source.
  5. Expand the Source View pane at the bottom of the page.
  6. In the Source View pane look for the component that’s bound to a KffComponent task flow.
  7. Select the component and click the Show the properties of KffComponent.
  8. To edit the properties, do these tasks:
    1. To enable the property for the UI element, select the checkbox next to the property.
    2. Optionally, you can also click the drop-down button next to the property and click EL Expression.
      1. In the Expression Editor dialog box, enter a value or expression:
        • True: The property is enabled for the UI element.
        • False: The property isn’t enabled for the UI element.
        • EL expression: The evaluation of the EL expression decides whether the property will be enabled or disabled for the UI element.
      2. To make sure the value or expression you entered is correct, click Test.
      3. Click Ok.
  9. On the Component Properties: KffComponent dialog box, click Ok to save your changes.
  10. Click Close in the Page Composer toolbar to save your changes.
  11. Test your changes and publish the sandbox. See Publish Sandboxes.
Here’s the list of key flexfield properties that you can edit.
Property Description
Required Indicates whether user must enter data for the component, before saving the page.
Note: If a value for this property is explicitly set within the key flexfields metadata, it's shown as read-only. Users can't override the metadata settings using Page Composer.
Read-only Indicates whether the flexfield is rendered as read-only.
Rendered Indicates whether the flexfield is rendered on the page.
Note: If a value for this property is explicitly set within the key flexfields metadata, it's shown as read-only. Users can't override the metadata settings using Page Composer.
Auto Submit Indicates whether the component submits automatically when the user changes the segment's value.
Visible Indicates whether the flexfield is visible on the page.
Disabled Indicates whether the flexfield is disabled on the page.
Immediate Indicates whether the flexfield value is converted and validated immediately in different Oracle ADF life cycle phases.
Value Indicates the value of the flexfield pointing to an iterator object. If you enter an EL expression, it should point to an iterator object.
Accessor Indicates the name of the accessor between the product view object and the flexfield view object.
Label Indicates the display text for the component. For example, the field prompt or the single prompt for a group of checkboxes.
Default Combination Specifies the default value of the flexfield.
Help Topic Id Specifies the help ID used to find a topic in the help content.
Inline Style Specifies the inline style of the component. You can use this property to set individual properties, such as background color, font style, or padding.
Style Class Specifies the style class of the flexfield. You can use this property to group a set of inline styles.

Related Topics