Hiring tutorial > Create the user interface >

In this lesson, you create the coach view that displays the position request data, such as the hiring manager, the department, and the starting date.

About this task

This lesson uses the following concepts:

This lesson describes how to create the Requisition CV coach view. The Requisition CV coach view consists of a panel that provides the title for the form. Inside the panel, there are controls stacked vertically.

Procedure

1. Make sure that the My Hiring Sample process application is open in Process Designer.
2. In the library, click the plus sign next to User Interface and select Coach View.
3. Type Requisition CV as the name and click Finish. You can now edit the coach view that you created.
4. Bind the coach view to the Requisition business object by creating a Requisition variable and assigning the Requisition business object as its type:
   1. Select the Variables tab.
   2. Click the plus sign next to Business Data.
   3. Type Requisition as the name.
   4. For the variable type, click Select and then select the Requisition business object.

   

5. Click the Layout tab and then, from the palette, add a panel to the layout canvas and change the label to Request data.
6. In the Configuration properties, under Appearance, set Color style to Primary. Your diagram matches the following image:
   
7. Drop the following controls onto the Drop additional content here area of the requisition data panel.
   • Single select
   • Single select
   • Text
   • Integer
8. Edit the properties of the first single select control:
   1. In the General properties, change the label of the control to Employment type.
   2. Click Select for the binding. From the list, expand the Requisition variable and then select empType.
      
   3. In the Configuration properties, under Items, set the item lookup mode to Items from Service.
   4. For List items service, click New to create a new service that will populate the selection list.
   5. In the dialog that prompts you to create a service flow, enter the name PopulateEmploymentTypeList and click Finish. The service flow editor opens.
      

   6. Click the Script Task. In the Properties, under Script, enter this code:

      tw.local.results = new tw.object.listOf.String();
      tw.local.results[0] = “Full-time”;
      tw.local.results[1] = “Part-time”;
      tw.local.results[2] = “Contract”;
      tw.local.results.listAddSelected(0);

   7. Switch to the Overview tab. Under Ajax Access, select Allow calls from all users.
      
   8. Switch to the Requisition CV coach view’s layout. Click the Employment Type control and expand the Items list.

      

   9. In the Visibility properties, set the visibility to Required.
      Notice that the Employment Type control now has an asterisk.
9. Edit the properties of the second single select control.
   

   Property	Value
   General > Label	Department
   General > Binding	Requisition.department
   Configuration > Items > Item lookup mode > Items From Service	populateDepartmentList
   Service Flow > Service Task > Script	tw.local.results = new tw.object.listOf.String(); tw.local.results[0] = “Finance”; tw.local.results[1] = “Marketing”; tw.local.results[2] = “Product Development”; tw.local.results[3] = “Human Resources”; tw.local.results[4] = “Sales”; tw.local.results[5] = “Customer Service”; tw.local.results[6] = “Business Partner Service”; tw.local.results[7] = “Business Strategies”; tw.local.results[8] = “Software Engineering”; tw.local.results.listAddSelected(0);
   Service Flow > Overview > Ajax Access	Allow calls from all users.
   Visibility > Visibility	Required

10. Edit the properties of the text control:
    

    Property	Value
    General > Label	Hiring manager
    General > Binding	Requisition.requester
    Configuration > Behavior > Placeholder text	Enter name

11. Edit the properties of the integer control:
    

    Property	Value
    General > Label	Number of employees
    General > Binding	Requisition.empNum

Your diagram matches the following image:


12. Save your work.

Summary

You created the Requisition CV coach view.

In the next lesson, you create the coach view for position data.

< Previous | Next >