Subscribe

RSS Feed (xml)



Powered By

Skin Design:
Free Blogger Skins

Powered by Blogger

Showing posts with label Adobe Interactive Forms Tutorials. Show all posts
Showing posts with label Adobe Interactive Forms Tutorials. Show all posts

Wednesday, February 9, 2011

Getting started with Adobe Forms with a simple exercise

Before starting this tutorial, please ensure that Adobe life cycle designer is installed on your system and Adobe designer is configured on your server.

In this tutorial, we would pass a parameter (CARRID) to the form and print the same with a page heading.

Go to transaction SFP.

For every form, an interface is mandatory. Enter the name of the interface and click on Create.

Click on Save. Enter the package and the workbench request no as per the requirements.

Following screen appears:

Double-click on Import.

Following screen, with a default parameter name, appears:

Click on Create.

Enter the parameter values as shown above.

Save and activate the interface.

Now go back to the main screen of the transaction SFP.


As shown above, select the radio-button Form and enter the name of the form. Click on ‘Create’.

Enter the description for the Form and also enter the name of the interface created earlier.

Click on Save.

Now enter the package name and the workbench request.

Following screen appears:

Now drag and drop the import parameter ‘Carrid’ from interface to Context on the right-hand side as shown below:

Now click on the tab ”Layout”

Now let us include a heading and display the value of the carrier id passed to this form.

Now click on Palettes à Layout (see the screenshot below):

A small pop-up box appears.

Now in the tab “Standard”, drag and drop the element “Text” onto the page.

Now double-click on the object and enter the text required (Page heading here).


Now go to library again (click on Palettes à Library) and drag and drop the object “Text Field” onto the page.

Now select the object “Text Field” created just now. Right-click and select Palettes à Object.

As shown above, change the caption to “Carrier ID”.

Now click on tab ”Value”. In the list box for “Type”, select the value “Read-only” (as shown below)

Now go to tab “Binding”. Select the parameter “CARRID” as shown below:

Save and activate the form.

Now test run the form by clicking on “Test” (F8)

Enter the CARRID value and click on Execute.

Following is the output:




Create table

Step1: Go to Transaction SFP to create Adobe form. Provide the interface name and click on create button.

Step2: Provide the description. Click on Save button.

Step3: The following screen would appear.

Now click on create button to create parameter.

Save the interface.

Step4: Go to TYPES in the Global definitions to define the user define types as shown below.

Step5: In Global data,

Create an internal table with the same structure defined earlier in TYPES definition as shown below.

Step6: In Code Initialization,

Save and activate the interface.

Step7: Now go back to the initial screen. Provide the form name and click on create button as shown below.

Provide the description for the form and interface name created as shown below.

Click on save button.

Step8: Now, the following screen will appear.

Step9: Here, we have to drag and drop the contents, to be displayed in the layout, from interface to context as shown below.

Step10: Here in the internal table PT_VBAP, we can de-activate the fields, which we don’t want to display in the layout. We can do this as shown below.

Place the cursor on the field and give a right click. Now select Deactivate.

Then, the field will appear as shown below.

Step11: Now, go to layout. The following screen appears.

Step12: Now, Drag and drop the VBELN (Document Number) field to Master page.

Step13: Select the object VBELN. Go to palettes-àobject. You will get the following screen.

Select ‘None’ instead of ‘Sunken Box’.

Step14: Now, drag and drop the internal table PT_VBAP from Data View to body page.

Step15: Now, go to hierarchy, place the cursor on bodypage1.

Go to palettesàObject

The following screen appears.

Select Flowed instead of Position.

Save and activate the form.

Step16: Execute the form, the output is




Create table using subform

Step1: Go to transaction SFP to create adobe form. Provide the interface name and click on create button.

Step2: Provide the short description and click on Save button.

Step3: The following screen will appear.

Now click on create button to enter the parameters.

Save the interface.

Step4: Go to TYPES in the Global definitions to define the user define types as shown below.

Step5: In Global data,

Create an internal table with the same structure defined earlier in TYPES definition types_vbap as shown below.

Step6: In Code Initialization,

Save and activate the interface.

Step7: Now go back to the initial screen. Provide the form name and click on create button as shown below.

Provide the description for the form and interface name created as shown below.

Click on save button.

Step8: Now, the following screen will appear.

Step9: Here, we have to drag and drop the fields to be displayed in the layout, from interface to context as shown below.

Step10: Here in the internal table PT_VBAP, we can de-activate the fields, which we don’t require to display in the layout. We can do this as shown below.

Place the cursor on the field, right click and select Deactivate.

Then, the field will appear as shown below.

Step11: Now, go to layout. The following screen appears.

Step12: Now, Drag and drop the VBELN (Document Number) to Master page and create text fields as shown below.

Step13: Now, create sub form in HIERARCHY as shown below in the body page.

Place the cursor on bodypage1 and right click on it. Now select Insert Subform to create the sub form in the body page.

Step14: Now, from the Data View, drag and drop the fields in the internal table into the sub form as shown.

Step15: Now, go to hierarchy, place the cursor on bodypage1.

Go to palettesàObject

The following screen appears.

Select Flowed instead of Positioned.

Save and activate the form.

Step16: Execute the form, the output would be similar to the following: