Example task: Creating a two-column detailed view

You can create a two-column detailed views using the CICSPlex® SM WUI view editor.

Procedure

  1. Open the view editor and navigate to the Add View screen.
    1. From the main menu navigation screen, click View editor > View sets > Edit.
      The Open View Set screen is shown.
    2. Select the view set to which your new detailed view will belong, and click OK to open the View Set Contents screen.
    3. Click Add.
      The Add View screen is shown, which you can use to create a new view for the selected view set.
  2. Name the new view and define its display type.
    1. Type in a name for your new view in the View name field.
    2. Select Two column detail form from the list of view types.
    3. Select Key attributes from the list of pre-fill options, and click OK.
      The Detailed Form Components screen is shown.
  3. Add an attribute to the left column.
    When you choose to add an item to a two-column detail view, the new element is placed in the left column. To maintain left right alignment, a white space element is automatically placed in the right column opposite the new item.
    1. Select Form contents.
      This opens a Form Contents screen like the one shown in Figure 1.
      Figure 1. Form contents screen for a two-column detail view
      This screen allows you to append, insert, edit and delete screen elements for a two-column view.

      Notice it contains a Space element type, which is necessary in the creation of two column screens to balance the right and left columns.

    2. Click Append.
      The Form Item Type screen is shown.
    3. Select Attribute field and click OK to open the Form Attribute Field screen.
      This screen contains a list of attributes including the attribute name, data format, and a short description.

      The data formats correspond to the data types as listed in Resource table attribute definitions. For example, time and count formats correspond to the SCLOCK12 or SCLOCK data types.

    4. Select an attribute from the list and click OK to open the Form Item Components screen.
    5. Check the radio button of the attribute, and complete the definition of the new attribute as follows:
      1. Type in the attribute title and any annotation.
      2. Select the display options, either normal or graphical.
      3. Add any view links.
    6. Click Finish to add the new attribute to your new view.
      You are back to the Form Contents screen.
  4. Add an attribute to the right hand column of the view.
    To add an element to the right hand column, you need to select a white space element and then edit it to change it to the type of element required.
    1. Select the white space element created in step 3 and click Edit.
      The Form Item Type screen is shown.
    2. Select the type of element you want to add to the right hand column, and follow the procedure outlined in step 3 to define it.
    3. Click Finish to add the right hand element to the view.
    Note: You can repeat steps 3 and 4 as many times as necessary to add more elements to the left and right columns.
    If you want to remove an item from the right hand column, select it and click Delete item. This converts the item back to a white space element.
    Note: You cannot delete an individual white space element but you can remove adjacent elements in both columns by clicking Delete row.
  5. Complete the view definition as follows:
    1. Click OK on the Form Contents screen to return to the Detailed Form Components screen.
    2. Add the rest of the components of the new view including a title, action buttons, filters, context and scope and so on.
    3. When you have added all the required components, click OK to save the new view and return to the View Set Contents screen.

Example

Figure 2 shows an example of a two-column detail view.

Figure 2. Example of a two-column detail view
Two-column detail view including example data