Overview of Extending Wrap Up

Here's a short overview on what you can do to extend the Wrap up UI.

Overview of Extending the Wrap Up UI

  1. Open the Oracle Cloud Application page containing the component you want to extend.
  2. Click the Settings and Actions menu and select Edit Page in Visual Builder to open the page in the VB Studio Page Designer.
  3. Create a project or Open project with base application as: Oracle CX Service UI Extension APP.

    Visual Builder UI

  4. Click the Layouts subtab, then from the Dependencies list click WrapUps.
  5. In the Dynamic Form list, select the Wrapup dynamic layout.

    Visual Builder UI showing the Dynamic Form list.

  6. In the Rule Set field, click the Parameters tab.

    The Rule Set Parameters UI.

  7. The Wrapup component has the following three contexts:
    • appClassification
    • callDirection
    • channelType
  8. Hover each context to highlight it, then hover of the ? symbol to view possible values for each component context.

    Component Context.

  9. Possible values are:

    • appClassification: Possible Values: ORA_SALES, ORA_SERVICE, ORA_HRHD
    • callDirection: Possible Values: ORA_SVC_INBOUND, ORA_SVC_OUTBOUND
    • channelType: Possible Values: ORA_SVC_PHONE, ORA_SVC_CHAT
  10. In the Display Logic area, click the Duplicate Rule icon to clone the default rule.

    Duplicate existing default rules UI.

  11. Enter a name for the duplicate rule then click the Duplicate button to create a copy of rule and layout.
    Note: Default layouts from dependencies are read-only, you can’t edit them.
  12. In the the newly copied layout, select Click to add condition to add conditions for when to use this rule and layout.

    The click to add conditions UI.

  13. You can add conditions as shown here:

    Add conditions.

  14. And you can add them based on the following:
    • Context
    • Fields
    • Responsive
    • User
  15. You can give multiple conditions, or you can add multiple rules based on your requirement.

    Add multiple conditions.

  16. Now we’ll create rules, so go to the Layouts area, click the + Rule button. For more information on create a rule, refer to Create a Rule in a Rule Set.

Further Extending You Can Do

For further information on extending the application, refer to these topics:
  • To add additional fields to the layout, see How do I add, hide, or rearrange fields?.
  • To delete a field, hover over the field, and click the Delete button.

    The Delete Row UI.

  • To mark a field as mandatory, click the the Required checkbox in the properties for the given field.

    The Required checkbox.

  • To make fields conditionally required or read only, see How do I make a field read only or required?. Use the example with the following inputs:
    1. First, make a field required conditional by using fx option of the Required flag.
    2. Then enter the required key and value. Here are some examples:
      • [[ $componentContext.callDirection == 'ORA_SVC_OUTBOUND' ]]
      • [[ $user.userName == 'ctiautouisvr3' ]]
      • [[$fields.ResolutionCd.value() === ‘ORA_SVC_DS_PROVIDED_INFO’]]
    3. Now, to display the field conditionally, select the Show field option in the properties section of a field.
    4. Click Always to enter a condition.
    5. Save to view the updated Show field condition.