Hiring tutorial > Create the user interface >

In this lesson, you create the coach view that displays position data, such as the position type and title.

This lesson is similar to the previous lesson. It provides the information you need to construct the coach view but does not provide the detailed steps. For detailed steps, see Create the coach view for the position request data.

Procedure

  1. Create a coach view and name it Position CV.
  2. Bind the coach view to business data:
    1. Select the Variables tab.
    2. Add the Position variable as the business data variable and set its type to the Position business object.
  3. Add a configuration option and rename it to Requisition. Set its type to Requisition.
    The variables of the position CV coach view
  4. Click the Layout tab and then, from the palette, add a Panel to the layout canvas and rename it to Position data.
  5. Drop the following controls onto the Drop additional content here area of the position data section.
    • Single select
    • Single select
    • Text
    • Date Time Picker
  6. Edit the properties of the first single select control.
    Property Value
    General > Label Position type
    General > Binding Position.positionType
    Configuration > Items > Item lookup mode Items From Service
    Configuration > Items > List items service Populate PositionTypeList
    Visibility > Visibility Required
  7. Edit the Populate PositionTypeList service flow
    Property Value
    populatePositionTypeList > Script tw.local.results = new tw.object.listOf.String();
    tw.local.results[0] = "New";
    tw.local.results[1] = "Existing";
    tw.local.results.listAddSelected(0);
    populatePositionTypeList > Overview > Ajax Access Allow calls from all users.
  8. Edit the properties of the second single select control.
    Property Value
    General > Label Location
    General > Binding Requisition.location
    Note: This is the configuration option that you created earlier to have access to the requisition data.
    Configuration > Items > Item lookup mode Items From Service
    Configuration > Items > List items service Populate LocationList
    Visibility > Visibility Required
  9. Edit the Populate LocationList service flow
    Property Value
    populateLocationList > Script tw.local.results = new tw.object.listOf.String();
    tw.local.results[0] = "Atlanta";
    tw.local.results[1] = "Boston";
    tw.local.results[2] = "Chicago";
    tw.local.results[3] = "Cincinati";
    tw.local.results[4] = "Dallas";
    tw.local.results[5] = "Denver";
    tw.local.results[6] = "Des Moines";
    tw.local.results.listAddSelected(2);
    populateLocationList > Overview > Ajax Access Allow calls from all users.
  10. Edit the properties of the text control:
    General > Label
    Property Value
    Title
    General > Bindin Position.jobTitle
  11. Edit the properties of the date time picker control:
    Property Value
    General > Label Starting date
    General > Binding Requisition.date
    Visibility > Visibility Required

    Your diagram matches the following image:
    Layout of the Position CV coach view

  12. Save your work.

Summary

You created the Position CV coach view.

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

< Previous | Next >

Learn more: