Show TOC

Generating a UI Component for a Single TaskLocate this document in the navigation structure


  • You have opened the Process Development perspective in the SAP NetWeaver Developer Studio and have expanded your project in Project Explorer view.

  • You have modeled a process containing human activities.

  • You have created the necessary data objects with data types assigned, which form the process context.


When you model a process, you use tasks to assign them to the human activities in the process. The task is executed by a human. The interaction between a human and the process is enabled through a user interface (UI) component. The UI component assigned to a task allows the user to access and execute that task.

When you model a human activity, you have the option of creating a task for it using the Task tab page in the human activity's Properties view. The task is automatically assigned to the human activity. When you create a task this way, you can generate a UI component for this task. After successful UI generation, the generated UI is automatically assigned to the task.

The generated UI component is based on the process context, which includes the data objects in the process and their data types. Task input and output fields correspond to the selected process context attributes. For more information about process context, see Process Context .

The UI component is generated automatically using either the Web Dynpro for Java (WDJ) or Visual Composer (VC) technology. The UI component is created in a respective development component (DC), which is either WDJ or VC DC. You can create the UI component in an existing or in a new DC. For more information about creating development components, see Creating a Project .

When the UI component generation completes successfully, a dependency is automatically configured from the DC containing your process to the DC containing the generated UI component. You can check this dependency when you open the Development Infrastructure perspective. For more information about development component dependencies, see Defining Development Component Dependencies .

After you create a task and generate a UI component for it, you can edit the task and specify task owners, user texts, time constraints, and so on. You can also change the task attributes for the particular human activity, to which the task is assigned.


  1. Expand Process Modeling , then expand Processes .
  2. In the context menu of a process, choose Open .
  3. In the modeling surface, choose a human activity.
  4. In the Properties view of the human activity, open the Task tab page and select New... from the Task dropdown menu.
  5. In the wizard that appears, specify a name for the task in the Name field and optionally a description in the Documentation field.
  6. Select the Generate UI Component checkbox and choose the Next pushbutton.
  7. Select the UI technology to be used for generating the UI component from the UI Technology dropdown menu.
  8. Specify the development component (DC), in which the UI components are to be generated.

    You can select an existing DC from the Development Component dropdown menu or choose the New... pushbutton and create a new DC. Choose the Next pushbutton.

  9. Specify a UI component name, a complete event, and an error event name. Choose the Next pushbutton.
  10. Select the process context attributes on whose basis the UI component is generated. Choose the Finish pushbutton.

    Some data types of the process context are not supported and you cannot select them. For more information, see SAP Note 1337578 Information published on SAP site.


The task is created together with a UI component and assigned to the human activity. You can view the task in the Tasks node in the Project Explorer view and edit it in the task editor. You can open the Web Dynpro or Visual Composer perspective respectively, to view the generated UI component. To do that, you choose Start of the navigation path Window Next navigation step Open Perspective Next navigation step Other End of the navigation path and select the relevant perspective.


If you choose to generate a Visual Composer UI for the task, and you later modify the Visual Composer model without deploying it in Visual Composer, you must choose Validate in the Visual Composer Deploy task panel to be able to view the generated Visual Composer UI in Business Process Management.

You can check the automatically configured DC dependencies when you open the Development Infrastructure perspective, select the DC containing your process and open the Dependencies tab page.