1. Edit an Order Tutorial
  2. Add the Edit Action Icon to the Manage Orders Page

Add the Edit Action Icon to the Manage Orders Page

Create a secondary action icon on the manage-orders page.

  1. Go to the List Item Template properties.
    1. If you're not already there, open the manage-orders tab and click the Page Designer subtab.
    2. In the Structure view, make sure that the List Item Template component is selected.
    3. In the Properties pane, go to the General tab.
      Image showing manage-orders window, Page Designer tab and the List Item Template window General tab.
  2. Add an action to the list item template.
    1. In the Properties pane, General tab, Secondary Actions field, click the Add Action (+) icon.

      A new row is added.

    2. Hover over the added row and click the More Properties (>) icon.
      Image showing manage-orders window, Page Designer tab open and the List Item Template window, General tab open, with the Secondary actions field Add Actions + icon and the chevron and hover text of More Properties outlined in red.
    3. In the Actions pane, enter these values:
      • In the Action Id field, enter edit-order.
      • In the Label field, enter Edit Order.
      • In the Icon field, enter oj-ux-ico-edit.
        Note: You can find all Redwood icons at Oracle Images.

  3. Click Live to see what you've built so far. The Edit Order (pencil) icons appear on the canvas.
    The Manage Orders page displays with the row of Edit Order (pencil) icons.