Hi, I provide training in SAP UI5. Also feel free to checkout my new web page https://saptechblog.com
Adobe forms

A Simple Adobe form

In the following post we will see how to create a simple form using an Adobe Form.
Layout of the Form which we are going to create:
clip_image001
Pre-requisites: Adobe life cycle designer.
Step 1: Go to the Transaction SFP and create an Interface.
An interface is mandatory for every form. The purpose of interface is to include the data in the form which was unknown at the time the form was created.
These data’s can be:
1. Data from database tables
2. Data from SAP system like date.
3. Data that have been calculated or implemented.
Enter the name for the interface and click on create.
clip_image002
Enter the description for the interface and press enter.
clip_image003
Assign the interface to a package or save it in a local object.
Step 2: Now let us create the importing parameter to get the details from the user to be displayed in the form.
In the import tab of the form interface, click on the create to add an importing paramter.
clip_image005
Add an importing parameter as shown below.
clip_image007
Save and activate the form Interface. A function module will be generated in the background which will pass the parameter values to the form.
Step 3: Go back to the Tcode SFP (Form Builder) to create the form.
Enter the name fort the form and click on create.
clip_image008
Enter the description and interface for the form and press enter.
clip_image010
Save the form in package or assign it to the local object.
clip_image012
Step 4: Drag and drop the importing parameters of the interface to the form as shown below. This is where the data’s obtained from the user in the interface are passed to the form through context attributes.
clip_image013
clip_image015
Step 5: Design the layout for the form and bind these data’s in the form.
Click on the layout button to open the form designer in the full screen mode.
clip_image016
clip_image018
Step 6: Go to the palettes->object library to view the list of elements available.
clip_image019
You will get a small pop up toolbar which contains all the elements that can be placed in the layout.
clip_image021
Choose the Text element and place it on the layout.
clip_image023
Place the text element in the required position on the page. Double click on the Text to add the user defined text.
clip_image025
clip_image027
Similarly place the text field UI element.
clip_image028
clip_image030
Double click on the text field and change the caption of the text field as name.
clip_image032
In the value tab change the type as read only.
clip_image034
Go to the binding tab and bind the attribute of the form to the text field so that the value in the context attribute will be displayed in the text field at execution.
clip_image036
Bind the text field to the attribute name so that value passed to the name will be displayed here.
clip_image038
clip_image040
In a similar way create a text field element for address and bind it to the respective attributes.
clip_image042
Click on preview pdf to preview the look of the form.
clip_image044
Save and activate the whole form and execute the form.
Output:
Enter the input parameters and click on execute.
clip_image046


Provide the printer name LP01 (Dummy Printer) and click on print preview.
clip_image048

About Arun

3 Comments:

Powered by Blogger.