Previewing a Task Portlet View in the Task Editor

Edit online

About this task

You can preview a portlet view in the IBM webMethods Designer task editor at any time. A preview of a portlet view displays all of the subgroups, fields, controls, and other components of the view as they will appear in the run-time environment. This is non-editable, visual representation of the interface; it is not programmatically functional. For example:

  • All included components are displayed, regardless of their hierarchy in the run-time environment. For example, you may include a secondary dialog box that would normally appear only when a button is clicked by the user. In the preview, the secondary dialog box is displayed with all of the other interface components.
  • Buttons may be clicked but no actions will take place.
  • Text may be typed in editable fields but will not be recognized
    Note: You must have the IBM My webMethods Server Support option installed in Designer to use the preview tab. If you have not already done so, shut down all webMethods applications, run the IBM webMethods Installer, and select Designer > Composite Applications > My webMethods Server Support to install the preview functionality.

To preview a task portlet view in the task editor

Procedure

  1. In the Solutions view, expand either Tasks or User Interfaces.
    • In the Tasks list, expand the task project that contains the task you want to work with. Then expand the task to view the portlets within it.
    • In the User Interfaces list, expand the task project to view the portlets within it.
  2. Locate and double-click any task portlet view (for example, the default view of the TaskStart or TaskView portlet). The portlet view editor opens. The Design tab displays the design canvas of the view editor, where you can add, remove, and modify interface components.
  3. Click the Preview tab to view a non-editable display of the view as it will appear in the run-time environment (subject to the conditions outlined above).
  4. To modify the interface, return to the Design tab. After modifying the interface, click the Preview tab to see the results.