Editing the Form Layout Using Adobe LifeCycle Designer

You use this function to create the interactive form with all fields that are to be available on the form, and edit the layout in Adobe LiveCycle Designer. This Form Builder software is integrated into the SAP environment and is provided by Adobe Systems Inc.

You can:

Insert the control element Web Dynpro Script
The element hides Adobe menu bars and sets the form fields so that they cannot be edited if the form is checked after processing.
Create a header row for the form
Create form fields with data binding
Create form fields for displaying and editing agent notes
Create date fields
Create the Update Data pushbutton, which updates the data in the form according to the selected date
Display a form preview

For basic information about working with Adobe LiveCycle Designer, see the Layout tab page in the menu, under Start of the navigation path Help Next navigation step Adobe Designer Help End of the navigation path .

For specific information about creating an interactive form, also see Creating Interactive Forms Using Adobe LiveCycle Designer.

Procedure

Note Note

The following section lists the steps that you typically perform in the Form Builder, but that you do not have to perform for each form.

End of the note.

Inserting the Control Element Web Dynpro Script

At the right-hand side of the Form Builder, change from the Library tab page to the ISR Controls tab page.
In the menu, choose Utilities Insert Web Dynpro Script
Save your entries.

Creating the Header Row

Select the ISR Header element on the ISR Controls tab page and use drag and drop to drag it to the top of the form.
Enter a text for the form header.
Save your entries.

Creating Form Fields with Data Binding

Proceed as follows for each form field:

At the right-hand side of the Library tab page, choose the appropriate HR control element and use drag and drop to drag it onto the form.
In the left-hand area of the Form Builder, choose the Data Overview tab page.
At the end of the structure, all form fields created in the form scenario are displayed.
Select the desired form field and expand it to the FIELD subelement.
Select the FIELD element and use drag and drop to place it exactly on the ISR text element in the form.
In the Binding Properties dialog box, select the Do Not Update Related Properties option.
In this way, the UI element is linked to the form field and is filled with data automatically at the process runtime.
Enter a text for the form field.
Check the correct binding to the form field as required.
1. In the right-hand area, choose the Object tab page, and from there the Binding tab page.
2. Check the value entered for the standard binding. This value must have the format $record.<Field Name>.DATA[*].FIELD, where <Field Name> is the name of the form field.
Repeat steps 1 through 8 until you have created all form fields.
Save your entries.

Creating Form Fields for Agent Notes

At the right-hand side of the Form Builder, change from the Library tab page to the Controls tab page.
Use drag and drop to drag the HR Admin - Comments element onto the form and position it at the bottom of the page.
Enter a text for the form field.
Drag the form field on the form to the required size (height and width).
Switch to the Data Overview tab page.
1. Select the field HRASR_CURRENT_NOTE and expand it to the FIELD subelement.
2. Select the FIELD element and use drag and drop to move it onto the ISR control element in the form.
3. In the Binding Properties dialog box, choose the Do Not Update Related Properties option.
  In this way, the text area is linked to the field HRASR_CURRENT_NOTE and the notes entered are automatically processed correctly at runtime.
Perform steps 1 to 5 in the same way for the field HRASR_PREVIOUS_NOTES.
The system automatically sets this field so that it cannot be edited.
Save your entries.

Creating a Date Field

At the right-hand side of the Form Builder, change from the Library tab page to the Controls tab page.
Use drag and drop to drag the HR Admin - Date Field element onto the form and position it on the page.
On the left-hand side of the Form Builder, on the Data Overview tab page, select the EFFECTIVE_DATE form field.
Select the FIELD element and use drag and drop to place it exactly on the ISR control element in the form.
In the Binding Properties dialog box, choose the Do Not Update Related Properties option.
In this way, the UI element is linked to the form field and is filled with data automatically at the process runtime.
Enter a text for the date field.
If required, check the correct binding to the form field as described in step 8 of the "Creating Form Fields with Data Binding" section.
Save your entries.

Creating Pushbutton for Updating Data

At the right-hand side of the Form Builder, change from the Library tab page to the Controls tab page.
Use drag and drop to drag the HR Admin - Button element onto the form (for example, to the right of the date field).
Enter the text Update Data for the pushbutton.
Choose Pallets Script Editor . In Script Editor, the scripting row relevant for the pushbutton is selected:
$record.CONTROL_PARAM.ISR_EVENT = "CUSTOM_EVENT"
Replace "CUSTOM_EVENT" with "USER_EVENT_INITIALIZE" or "USER_EVENT_CHECK", or another event.
Save your entries.
Activate the form:
In the following dialog box, select the SFPF <Form> form and the SFPI <Interface> interface, and choose Activate.

Displaying a Form Preview

Choose the PDF Preview tab page.
You see a preview of the form in which you can see, for example, whether the display and processing fields were correctly defined.
Complete the processing in the Form Builder.

Result

You have created the form with all necessary fields and elements, and have activated the form and the interface.