Creating an Email Notification Page

Creating an email notification page is similar to creating a task form, with the addition of defining layout and inline styles.

To create an email notification page:

  1. In the designer, double-click EmailPage.
  2. In the Create JSF Page dialog, provide a file name and directory information (or accept the defaults) and click OK.

    The EmailPage.jspx tab opens in the designer.

  3. From the Components window, drag any of the Common Components (for an image, for example) or Layout components into the designer.
  4. For the layout component you selected, provide alignment and other details in the Property Inspector tab.

    Figure 30-37 shows the layout fields available when Panel Group Layout is selected.

    Figure 30-37 Specifying a Layout

    Description of Figure 30-37 follows
    Description of "Figure 30-37 Specifying a Layout"
  5. Expand Appearance, Style and Theme, Behavior, Advanced, Customization, and Annotations to specify other details, as shown in Figure 30-38.

    Figure 30-38 Specifying a Layout: More Details

    Description of Figure 30-38 follows
    Description of "Figure 30-38 Specifying a Layout: More Details"
  6. From the Data Controls panel, expand the human task node, then the getTaskDetails node, and then the Return node.
  7. Drag Task into the panel group layout area.
  8. Select Human Task, and then Task details for email, as shown in Figure 30-39.

    Figure 30-39 Human Task Drop Handlers

    Description of Figure 30-39 follows
    Description of "Figure 30-39 Human Task Drop Handlers"

    This drop handler includes a header with inline style, a payload using ADF, and a comment using inline style. Because the payload is dynamically generated, it does not include an inline style.

    In general, you can find the inline styles for the Header section for each component and use the same style for the Content section for the respective components.

  9. In the Edit Action Bindings dialog, select the data collection and click OK.

The email task form is complete and ready to be deployed.