Escolar Documentos
Profissional Documentos
Cultura Documentos
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.
Click on Create.
Enter the description for the Form and also enter the name of the interface created earlier.
Click on Save.
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 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.
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.
Step1: Go to
Transaction SFP to create Adobe form. Provide the interface name and click on create button.
Step4: Go to TYPES in the Global definitions to define the user define types as shown below.
Create an internal table with the same structure defined earlier in TYPES definition as shown below.
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.
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.
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.
Step14: Now, drag and drop the internal table PT_VBAP from Data View to body page.
Go to palettesObject
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.
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.
Provide the description for the form and interface name created as shown below.
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.
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 palettesObject
Step16: Execute the form, the output would be similar to the following:
Adobe Forms - Using Alternative
By Jayachandra Nagaram, YASH Technologies
In this demo we will create adobe form, which displays two different table data in different
scenarios based on the given input. This functionality is achieved by using Alternative in
adobe forms.
Step1: Go to SFP transaction and create interface for the Adobe form.
Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version)
The import parameter IT_SPFLI is used to input data and FLAG is used to select the table that should
be displayed in the Output. Here the details of either SPFLI or SFLIGHT are displayed depending on
the FLAG.
Step4: Create two global tables SPFLI and SFLIGHT to hold the data that needs to be displayed in
the output.
Step5: Code for fetching the data is written in the code initialization part of interface.
In code initialization the variables whose values are being passed to the code to fetch the details of
the output should be declared in the Input parameters and the variables to which the results are
assigned needs to be declared in the Output parameters.
Step6: Write the below code in code initialization part. Check for errors and activate the interface.
select *
from spfli
into table gt_spfli
for all entries in it_spfli
where carrid eq it_spfli-carrid
and connid eq it_spfli-connid.
select *
from sflight
into table gt_sflight
for all entries in it_spfli
where carrid eq it_spfli-carrid
and connid eq it_spfli-connid.
Step7: After the interface part is done, create Form by going to SFP transaction.
Step8: In the creation of the Form, we need to give the name of the interface for which we are
creating the Form. This is the additional functionality in Adobe forms. One interface can be used for
many Forms if it is suitable.
Step9: In the Context tab of the Form we will find two sections Interface and Context.
In Interface we will find the data that was created in the interface. Content area will be blank initially.
We need to drag the elements that need to be displayed in output into the content area.
Step10: Drag and drop element FLAG into context area.
Step13: Drag and drop table GT_SPFLI from Global data to TRUE node and de-activate fields which
we don't need.
Step14: Drag and drop table GT_SFLIGHT from Global data to FALSE node and de-activate fields
which we don't need.
lnterfaw 1j OeE- 'iln
._. □ 't'DE ..PL E. :t',TIVE
"" cf mpon ., .Sln!J!e·C har,a tsr f la
rr _SP s ndaid lnletin I Pl tl' il eiJ4l l\l_TEFlNl(1liJE
I" FlMl 6ill!JIW 1!';1C l9r
e!I Qfn,b.al_D:a.f..a.
Wi t■
Fotm
> F"tol>9r11 s
k! I ff 8 j§ li pjJQill
"'" 'fD RtJii.iT;-;i'E '=-"
7 l ni (;lorl u ;:- '.!llngle-Ctiaracter m1{J
rr _sPlfLI SIEln dllti:l ll"ltefillal JIL1ERIJI\Tl\iE ,'(11.emallie t-Jll!de EFlNATJVE"
u FLAG S,., 11!'- Cl'lll:rat le IJ TRUE"
"" Gl ba l D a1at -=- Jll FM.SE
fill OT_!lFUGI-IT s;s flll ()T _:EiFU ()HT
,;,T_lof'FLI SIEln lillta lll tefiJlal
ti- !lysf.li,l'l"l Field's
CI C/\Rfl'.ID ,'<lr1111e Coil'tl
CJ COt-Jt-JID Fll gl c nn,ecllo11N tlrn!ler
CI fl.0,',_1E · F11gri1e1a11
CJ PRICE' rfa;•e
CI CURREN, I I.O tijrnr,ncy Of 111e
Step15: Select the Alternative conditions tab and create condition for alternative.
Means subform TRUE will be triggered when the flag is initial and subform FALSE will be triggered
when there is some value in flag variable (NOT INITIAL).
In Layout, go to MASTER page decrease the page area and create the boiler plate elements, such as
text and image elements. We can create these from dragging the elements from library.
Form BuiHler: Chan ge ,Fmm YDEMO _ALTERNA.TIVE
gm □= 1 ..L 1
l:Ml
-
~ (lllU:led n (oo<
. !ldlller,fl - l J C,,, 'i
r- - -i:i i...., _ n0)
"""""""dFifl:I
@ do !ili,ton
c •..., - ..,,
T-
T
Step17: In data view we will find subform ALERNATIVE, with in it tables will be placed in TRUE and
FALSE subforms using choice subformset.
Step18: Drag and drop complete ALTERNATIVE subform into body page from data view.
Step19: Select body page and go to the object view from the pallets.
Step20: Go to SUBFORM tab; make the body page content FLOWED, Flow direction TOP TO
BOTTOM.
Step21: Go to Pagination, set over flow to ‘Go To Page "Page1"’.
This should be done in order to flow the content to the next page when first page is filled completely.
Step25:
SCENARIO 1: When the FLAG is INITIAL, SPFLI data will be displayed in output.
SCENARIO 2: When the FLAG is NOT INITIAL, SFLIGHT data will be displayed in output.
Step26: Select the table IT_SPFLI to give the input data. Give inputs to the table.
Step27: Now there are three entries in the table IT_SPFLI and the FLAG is BLANK.
Step28: Subform TRUE will be triggered when FLAG is INITIAL. And SPFLI table data will be
displayed in output.
Step29: Maintain same data in IT_SPFLI and give 'X' in FLAG. Scenario 2 will be triggered.
In this demo we will create an adobe form which displays text in two different languages
(English or French) based on the given condition. This functionality is achieved by using TEXT
MODULES in adobe forms.
Step1: Go to transaction SFP and create an interface for the Adobe form.
Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version)
Step4: Now go to transaction Smartforms to create Text Module for the Language Conversion,
Select Text Module and Enter Text Module Name & Click on create.
Here, we are converting English text to French text, so we have to enter the French conversion of
the English text.
Click on Save.
Similarly create the text module for text French to English.
STEP 5: Once the Text modules are created, Go to Transaction SFP to design form builder for
the interface ZTEXTMODULE_TEMPLATE.
STEP 6: Click on Create.
STEP 7:
After clicking on create, the system would prompt you for the Interface name and description.
Right Click on Form name in the context area and create New Folder.
STEP 9:
Drag & Drop Flag1 field from the import part in to the Context
area.
STEP 10:
Right Click on New FOLDER, create three texts for the text modules.
STEP 11:
Double click on the new folder. The following screen appears. Click on
Condition
STEP 12:
STEP 13:
Click on Layout.
On the left side platter, in data view, we can view all the fields that we defined in the context part. (In
this example, flag1 and three texts)
STEP 14:
In our layout, let us also include a logo and some text as well.
Go to Master Page. From Library Palette, insert image field and text into the master page.
Enter text in text field and Enter image in image field and check the checkbox “Embedded image
data”.
STEP 15:
Go to Body Page.
Text in English
Text in French
Text in Italian.
Now right click on the text field and select the option “floating fields”.
Now we need to do the binding for the text field. Select the text field “Text in English”, Click on palette
click on object go to binding tab. Please see the following screenshot for the binding.
Now repeat the above step for binding the other two text fields.
STEP 15 - 2:
Just below the text field drag & drop the text field from the data view, in this case you
don’t have to do the binding, it will assign automatically.
STEP 16:
STEP 17:
Click on Execute. Assign Value ‘X’ to Flag1. Otherwise it only display in English. If FLAG1 has
value ‘X’ than test will display in English & French Both.
Output:
Value help in Adobe interactive forms
By Sanjeeva Reddy Gujjula, YASH Technologies
Introduction
Value help in application is useful to avoid typos and to check list of possible values when
user don’t know exact value for the input field. We can incorporate these value helps in
Adobe interactive forms both for online and offline scenarios. This document explains step
by step procedure for adding two types of value helps in Adobe interactive forms. This
document considering integrating adobe forms in WebDynpro ABAP with integrated using
Zero Client Installation (ZCI).
Here Standard value help means F4 help available in SAP; we can add this feature in adobe
interactive forms. Once user clicks on drop down button it fetches value help form SAP and
displays in the screen. Once user chooses one of the suitable entries that input field will get
updated with the selected entry.
Procedure:
Step1: In layout Choose UI element Value Help Drop-down List from WebDynpro Native
Controls of Library Palette.
Step2: Go to Object Palette and in Binding TAB update Default Binding with corresponding
field by pressing Arrow and choose form the Interactive From Context.
Step3: Pop-up screen will come to confirm the update of field properties. Click OK. If you
do so all properties will be updated at the same time the UI element will change to normal
input Field. You need to change this to Drop-down list in Object Palette->Field Tab as shown
below.
Step4: Now you are done with implementing Standard value help for you adobe interactive
form. Save and activate your form and test application. Now you can see Standard value help
once you click drop-down link on adobe form.
Instead of standard value help we can add custom value help; this can be form context of
Adobe form. In this case there is need of coding. For this value help you need to have a
context node with two fields one for value and another for corresponding text. As we are
proceeding with WebDynpro ABAP, we need to fill this node WDINIT method of
WebDynpro view or controller.
Step1: Create a context node with Value and Text. Text is optional here.
Step2: Select corresponding Values and texts into one internal table or populate internal table
with possible values and bind that internal table to context node.
Sample Coding:
Step3:
In Layout editor Choose field Enumerated Drop-down List form Library Palette and place on
the layout
Step4: Go to Object Palette and in Field tab click List Item link as fallows.
Step5: One pop-up screen will come and there you need to set Binding properties Items, Item Text
and Item Value as shown below and Press OK.
Now you are done with implementing Static/Context based value help for you adobe
interactive form. Save and activate your form and test application. Now you can see
Static/Context based value help once you click drop-down link on adobe form.
Comparison
Standard Static
Coding Required No Yes
Online Yes Yes
Offline Not available Yes
Making subform behave as table and data part as body
row
By Nisrin Pindwarawala, YASH Technologies
Whenever we use a table in an adobe form using drag & drop, following are the common problems
faced:
Whenever the column fields are rearranged randomly into many rows, the data is displayed in
a improper fashion.
In debugging, if we delete any row, and the data that is displayed becomes improper.
Solution: This demo will help us rectify the problem by making the subform behave as table and the
data part as body row.
Step1: Go to SFP transaction and create interface for the Adobe form.
Step2: Passing the table as import parameters, which will be passed through driver program.
Step6: Deactivate the fields of the table, which will not be used in the layout, it adds to the
performance.
Step7: Go to layout tab, under the layout change the content area adding a static text to the top of
master page. Name the content area. Click on the tab body pages.
Move the fields, which you want to view from data view on to the body page individually.
Note: When we try to move the individual fields of the table the binding with the table is affected and
the data that is displayed becomes inconsistent, this demo will help you retain the binding with the
table by making the subform act as a table.
Step8: The field 'FLDATE' can be displayed in different formats as per the requirements, which will be
explained by below snapshots.
_-, --- --- - - ,··- ··- - -, ----..--- = ..., ......-.I ----- ,. ........... . ......._.,_, ,...., _ j! -d .
[AA ----- - - - - - - -
---------
!:aryoul J ools
-- - - -
t ale.ti es
- - - -
H elp
- ..,1Name: _FL_D_AT_E J[o
Def It IJ!ridlng (Operi, S V@fl Siii mlt} :
l $reoord,IT_SFUGHT,R.O·ATE I►
■ Dat lil IP tbim :
M a fo rnrat:
} tlme{HH:MM:5-S
Body Pages
r o da vm -r,w.i•-oo ti1De 1-t-1: MM:S
0
• •
• •
'" ,.
I
. Type: User Entered - Optional
!::!elp
Default:
•• i -l
Step9: Select all the fields being displayed on the layout and wrap them in subform.
The Accessibility of the form should be bodyrow. Create another subform for ex: Sflight details and
wrap the fields in this subform and give the subform content as positioned and for the bodyrow
subform give the subform contents as flowed. The check box "Allow page breaks within content" has
to be marked for the data which is being flowed.
Form
Proper11es
di
BI U s
La age:
orm
Prapedles
..,
ll«M: IOO!lle
O') /il';ji[I;
' t.;,t,HRlD
, FWAT!i
FG:IC
CUi-R :i
,- M Ei 'r'PE 3.
Step10: If the data is flowing to multiple pages then we direct the over flown data.
Move to pagination tab under object tab, under that if dataset is paginated under overflow give the
name of content area and overflow leader as header row. By adding this whenever an overflow
occurs the header will be displayed in all the pages.
We need to create two subforms, the reason is that the body of the table can be flowed to multiple
pages and if we make the subform as flowed all the elements will be aligned either top to bottom or
western text (left to right). So as we need to display the table contents in two rows we created two
subforms, first one will be flowed and the second one under first one which will be positioned.
Drag a static text element from the library and drop it above the body row. Wrap the text in a subform
giving the accessibility as header row.
Step12: Creating a table subform. The content of the subform should be flowed and the accessibility
should be table.
Name the untitled subform (Page 1) as "Bodypage1". After doing this change the content of the body
page as flowed then click on pagination tab, under that if dataset is paginated under overflow give the
name of content area same as what we performed for body row. (In body page we gave overflow
leader as header row but in body page pagination do not use that)
13 r>kw Body P e
r r --
Connid
Fh,ghl
., • H!.::11,.· Ro,,,;
El!;t1\'
F<oob R""'
(l,iu,ot
,-,n . ,.,..
.,....J T.IUf'.
Ii --
·- l!i
Step13: Giving borders to the table and header.
Step14: Giving bindings to each of the subforms.
Step16: Creating a Driver Program which will call the form and on execution will display the adobe
form.
*&---------------------------------------------------------------------*
*& Report yh_demo *
*&---------------------------------------------------------------------*
*&Purpose: Demonstrating driver program to display adobe form *
*&---------------------------------------------------------------------*
REPORT yh_demo.
*Data Declarations
DATA : it_sflight TYPE sflight_tab1.
DATA :
w_doc_param TYPE sfpdocparams,"Doc Parameters
w_output_param TYPE sfpoutputparams,
"Output Parameters
result TYPE sfpjoboutput. "Joboutput
DATA :
fm_name TYPE rs38l_fnam. "Function Module name
* Determine print data, Data which will be displayed on the form
SELECT * FROM sflight
INTO TABLE it_sflight
UP TO 20 ROWS.
IF sy-subrc NE 0 .
ENDIF.
* Determine the function module which is generated at the runtime for
* the pdf form used
CALL FUNCTION 'FP_FUNCTION_MODULE_NAME'
EXPORTING
i_name = 'YDEMO_SUBFORMS'
IMPORTING
e_funcname = fm_name.
* This function module is used to specify settings for the form output.
* To specify whether you want the form to be printed, archived, or sent
* back to the application program as a PDF.
* The form output is controlled using the parameters (w_ouput_param)
* with the type SFPOUTPUTPARAMS.
CALL FUNCTION 'FP_JOB_OPEN'
CHANGING
ie_outputparams = w_output_param
EXCEPTIONS
cancel = 1
usage_error = 2
system_error = 3
internal_error = 4
OTHERS = 5.
IF sy-subrc <> 0.
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
ENDIF.
* Set the language field the component of structure /1bcdwb/docparams
w_doc_param-langu = 'EN'.
* Call the function module and passing the form interface values
CALL FUNCTION fm_name
EXPORTING
/1bcdwb/docparams = w_doc_param
it_sflight = it_sflight
* IMPORTING
*/1BCDWB/FORMOUTPUT =
EXCEPTIONS
usage_error = 1
system_error = 2
internal_error = 3
OTHERS = 4
.
IF sy-subrc <> 0.
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
ENDIF.
* To complete the processing of the form
CALL FUNCTION 'FP_JOB_CLOSE'
* IMPORTING
*E_RESULT = result
EXCEPTIONS
usage_error = 1
system_error = 2
internal_error = 3
OTHERS = 4
.
IF sy-subrc <> 0.
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
ENDIF.
Give the device name which is configured for ADS. Click on Print Preview to see the preview of the
form.
Page 1:
Page2:
Using Where conditions to relate header and item tables in
Adobe forms
By Jayachandra Nagaram, YASH Technologies
In this demo we will create an Adobe form, which displays relating data from two tables
(Header and Item) by using ‘Where conditions’ in Form context.
In this demo we can use the interface YDEMO_ALTERNATIVE which is used in previous
tutorial using alternatives.
Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version)
Step4: Select all fields which are not required to display and deactivate the fields. (right click)
Go to create--> Loop
This will create a table i.e., a sub loop under the main loop.
Note: when you drag a table in to context it will internally create a loop processing in the form.
Step6: A dialog box will open asking for table which you want to loop inside main loop.
Step7: Click the F4 help button, it shows the tables that exists in the interface.
Step8: Select the table GT_SFLIGHT (item details)
It will internally create a sub loop i.e, a table GT_SFLIGHT under the table SPFLI data.
Step9: Select the fields which are not required to display and deactivate.
Step10: Double click table GT_SFLIGHT and go to the where conditions tab available in lower part of
the window.
Loop at GT_SPFLI.
Loop at GT_SFLIGHT where CARRID eq GT_SPFLI-CARRID
and CONNID eq GT_SPFLI-CONNID.
.............................. } -----> code processing
..............................
Endloop.
Endloop.
Step12: Drag and drop all the fields under GT_SPFLI table into body page.
Note: Do not drag the entire table into body page. We need to follow creating table using sub forms
concept.
Go to hierarchy view; Select all fields of spfli, Wrap the fields into sub form by right clicking.
Again wrap the sub form in to another sub form. Sub form properties are maintained latter.
Step13: Drag and drop the fields from sflight into body page and create sub forms as showed in
below snap. Keep note that the subforms created for sflight fields should be place inside the spflidata
subform.
Subform: spflitable
Subform: spflidata
Subform: sflighttable
Subform: sflightdata
Step16: Now your FORM is ready, check for syntax and activate it.
Execute the form and follow the below to get the data in hierarchy level. Header and its corresponding
item details.
Output: Page1
Page2
Nested tables in Adobe Forms
By Sunil Saini, YASH Technologies
Step1: Go to SFP transaction and create interface for the Adobe form.
Note: Maintain Interface type ABAP-Dictionary Based interface. (IN ECC6.0 Version)
Step 2: Create Global Types as shown below by clicking on Types, here we are creating a Nested
Table type which consists of 2 Individual fields (carrid, carrname) and an Internal Table(spfli).
Step 3: Create Global Work Areas and Internal Tables as shown below.
In code initialization the variables whose values are being passed to the code to fetch the
details of the output should be declared in the Input parameters and the variables to which the
results are assigned needs to be declared in the Output parameters.
Input Parameters:
WA_SCARR
IT_SCARR
WA_SPFLI
IT_SPFLI
WA_FLIGHT
Output Parameters:
IT_FLIGHT
Step 5: Write the below code in code initialization part. Check for errors and activate the
interface.
Step 6: After the interface part is done, create Form by going to SFP transaction.
Step 7: In the creation of the Form, we need to give the name of the interface for which we
are creating the Form. This is the additional functionality in Adobe forms. One interface can
be used for many Forms if it is suitable.
In Interface we will find the data that was created in the interface. We need to drag the
elements that need to be displayed in output into the content area.
Then Right-Click on the Content Area and click on Insert SubForm and Resize it
accordingly.
After that Click on Master Pages and then Drag and Drop a Text and Enter any suitable Text.
Then Right-Click on data and create one more Sub Form and align it as shown below.
Then Create one more Subform and Rename it as Table and then Right-click on this Form and in
Palettes click on Accessibility make the Subform role as Table and make its Subform content as
Flowed as in above case.
Step 10: Then Insert two Sub Forms in the Table Sub Form, rename it as Header and Body, make
sure to make them as Flowed too, and make the Accessibility of the two Subforms as Header Row
and Body Row respectively.
Then Insert a Static Text in Header and insert the Field names as shown below.
Step 11: Then under Data View, individually Drag and Drop the Fields from the table it_flight in Body
Sub Form.
CARRNAME,
SPFLI.
Step 12: Then under Hierarchy tab Select the 3 Fields (i.e. Carrid, Carrname, and SPFLI) and then
drag drop them in Body Sub Form as shown below.
Then make the Body Sub Form as Flowed as well as make its Flow Direction as Western Text as
shown below.
Step 15: Change the Binding of the Body Subform as shown below.
Change binding for CONNID and fields related to SPFLI as shown below.
Step 17:
Step 18:
In this document we discuss the how to achieve the control levels in the Adobe Form (both
using Table and Subform).
A pop up window appears where we need to provide the description of the interface and save it.
Step2: Define the user defined data types Types definition under Global Definitions as shown
below.
A pop up window would appear where we need to assign the interface name to form and also the
description of the form. Press Save button.
Context area is a bridge between Interface and form. Whatever the information (data) we need to
place in the form is to be placed in the context area.
Step6: Now drag and drop this internal table IT_VBAP into context area. Then only we can use the
internal table in the form.
Provide the description of the internal table under properties tab below the context area.
Step7: Now go to Control Levels tab as shown in above screenshot and provide the field name on
which sort to be done. Control levels were introduced in SAP Net weaver 2004s.
Now the internal table splits into two parts where sorted fields are in one part and remaining all fields
are grouped under GROUP internal table.
Step8: Drag the static text from the library into the form and provide the descriptions of the fields
(Acts as a header).
And also drag the internal table into the form (Here I deleted the default heading).
Save and activate the form.
We can also create the table using subforms if we need the output alignment differently.
In the above scenario, we directly drag and dropped the internal table into the form. But in this
scenario, we use subforms to achieve the same.
Step10: Now, create a subform as shown below.
Renamed it as ‘Body’.
Step11: From the Data View, drag and drop the fields individually into the form as shown below.
Step12: Wrap the field ‘VBELN’ into the form as shown below.
And similarly wrap the remaining two fields into another subform ‘DATA’ which intern wrap into the
subform ‘Group’. The final view of the Hierarchy is as shown below.
Change the Content field in the all sub forms ‘Body, Vbeln, Data’ from ‘Position’ to Flowed under
subform tab as shown below.
Now, select the ‘Binding’ tab.
You can observe that there is no page header when there is a page overflow.
Now let us extend the scenario to have the page header whenever there is a page overflow.
Go to Palettes-Object.
Here, in the Pagination tab under Object, select Overflow leader as ‘Header’ subform.
Step17: Execute the form and the output of the second page is as shown below.
Calculating Page-wise Sub-Totals and Grand Total in
Adobe forms
By Nisrin Pindwarawala, YASH Technologies
This Tutorial focuses on how to calculate Page-wise Sub-Totals and Grand Total in Adobe
forms using JavaScript.
In this demo, we will work with table 'SFLIGHT' and calculate Sub-totals and Grand total for the field
'PRICE'.
Step 3: In the Code Initialization part, fetch records from sflight into internal table it_sflight.
SELECT *
FROM SFLIGHT INTO TABLE IT_SFLIGHT
UP TO 50 ROWS.
Step 4: Save and activate the interface.
Step 6: In the context part of the form drag and drop the table sflight from global data of interface area
to the context area and deactivate the field which we don't require in the layout.
Step 7: Create a table by drag n drop from library on to the layout. Include one header row and footer
row in the table.
Enter the name of the field you want to display in the header row of the table.
Move the table fields from the table by drag n drop from Data View Palette on to the body row of the
table, which we have created. In the footer row insert a text field in the last column from the library as
shown below.
Firstly enable JavaScript for the text field, which we created in footer row.
We can achieve this by selecting,
Write this code in the area provided under these selection boxes.
Group the elements of the body row, and then insert subform by right clicking on data.
Move the table under the subform and Insert a new subform with a text field under it.
After following these steps,
From the drop down list "Show" select Calculate
Enable FormCalc for the text field "Grand Total" as shown below.
Write the code under the area provided for the text field
sum(Data.Table1.Group1.Row1[*].PRICE[*])
Click Enter Script Source Changes + to add the script to your form.
Step 11: Save and activate the form. Execute the form.
Page1:
Page2:
Step 9:
Calculating Grand Total.
Group the elements of the body row, and then insert subform by right clicking on data.
Move the table under the subform and Insert a new subform with a text field under it.
After following these steps,
From the drop down list "Show" select Calculate
Enable FormCalc for the text field "Grand Total" as shown below.
Write the code under the area provided for the text field
sum(Data.Table1.Group1.Row1[*].PRICE[*])
Click Enter Script Source Changes + to add the script to your form.
Step 11: Save and activate the form. Execute the form.
Page1:
Page2:
Including the Standard Texts (SO10) and any other Long
Texts in the Adobe Forms
By Chandra Mohan Reddy Piminty, YASH Technologies
Create a form (Ex: ZCHANDU) and provide the interface name created above
Creating a Text node by right clicking on the top node ZCHANDU and then
In the properties of the TEXT node select Text type Include Text and then provide the Text
Name, Text Object, Text ID and Text Language values as shown below.
Drag the VALUE structure from the interface into the Context.
We can pass the Text node properties values dynamically as well. An example is shown
below:
The Hierarchy Palette and the Body pages screen shot is shown below.
Output:
The screen shot of the Standard text created in Transaction SO10 is as below:
If the values of the Text Symbols are coming into the Form in an internal table then we would
not be able to use the Include text, as in Adobe Forms between the internal table name and
the field names a DATA node is inserted due to the XML naming conventions and this DATA
node is the one that creates the problem. Even though we have the table name and the field
names same as in the Standard text, the error would be that the field is not found.
The Text Symbols values must be coming from the Interface. If we are using Script (Formcalc
or JavaScript) and filling the Field values, then those values would not be passed to the
standard text, even though we have the calculated value in the Field and be able to print it.
Let us first create an interface for the form. Say the name of the interface is ZTABLES.
Chose Create (f5) and provide the necessary description for the same.
Double Click on import in the form interface and choose Create button over there.
Enter the description and provide the interface name as ZTABLES, which is created earlier.
Drag the import parameter PERNR and output tables and system fields( if needed) onto the
context area
First deactivate all the fields in the table itab and then select the fields to be visible in the output
(right click on the field and choose activate) as shown below. Repeat the same for the internal tables
itab1 and it_final as well .
Click on layout tab.
Now drag the fields from the data view to the design view...and arrange them in a specific order in
which you want and create a text element for the header. Here you can change the font and size for
the text element in the right side pane.
nserting logo on the form
Go to pallets -> object then a new window will opens as shown below. (Compare the above and below
diagrams)
Double-click on the image dragged from the library (here it is shown below) then it will show a F4 help
for selection of the image like this..
Click on the image and choose open then it will be on the body page and you can select the image
and increase the size of the image also
For the image to be displayed on the form, it is important to do this. Right Click on the image and
click on object and check the EMBED IMAGE DATA checkbox.
1out Iools _Ealettes !::[elp
1 48% vii
II IJ
I
Cut
Copy
Paste
Delete
Bring toFront
Bring Forward
El Body Pages Master Pages XML Source SendBackward
0 Send to Back
i Layout.. .
order.. .
salary form of the employees QbJect...
Foo_t...
e.aragraph...
P•Jt•
(You need to check the checkbox EMBED IMAGE FIELD for the background image here as well)
Instead of using custom tables for address information, many applications access Business
Address Services (BAS). In the Business Address Services, addresses are identified by means
of numbers.
The addresses that you integrate in form's layout will be formatted in accordance with
country-specific conventions.
Step 6: In the context part of the form Create Address Node as shown below.
Step 7: Click on the Address node and set the properties as shown below.
Step 8: In the Layout part of the form, Drag and drop the Address Field.
Step 9: Set the Object properties of Address text field as shown below.
Step 10: Set the Border properties of Address text field as shown below.
Step 11: Drag the static text from the library into the form and provide the descriptions of the fields.
Step 12: Save and activate the form.
Step13: Test form, by entering Address type, Address Number and Sending Country.
If our application makes no use of the Business Address Services but you still want to have country-specific
addresses, we must use ABAP coding to achieve this. It is possible to do this in the application program or in
the initialization coding of the interface.
TYPES:
BEGIN OF ty_adr_printform_table_line,
line_type TYPE ad_line_tp,
address_line LIKE adrs-line0,
END OF ty_adr_printform_table_line.
TYPES:
ty_adr_printform_table TYPE TABLE OF ty_adr_printform_table_line.
Step 4: Define Global Work Areas and Internal Tables under Global definition as shown below.
Step 5: Write the below code in code initialization part. Check for errors and activate the interface.
SELECT SINGLE *
FROM scustom
INTO is_scustom
WHERE id EQ is_customer_id.
is_address-title_text = is_scustom-form.
is_address-name1 = is_scustom-name.
is_address-street = is_scustom-street.
is_address-po_box = is_scustom-postbox.
is_address-post_code1 = is_scustom-postcode.
is_address-city1 = is_scustom-city.
is_address-region = is_scustom-region.
is_address-country = is_scustom-country.
* Address Format According to Post Office Guidelines
* Note : Refer Function module documentation for more information.
CALL FUNCTION 'ADDRESS_INTO_PRINTFORM'
EXPORTING
address_1 = is_address
address_type = '1' "normal/company
sender_country = is_country
number_of_lines = 8
IMPORTING
address_printform_table = it_address_lines.
Step 9: In Interface we will find the data that was created in the interface. We need to drag the
elements that need to be displayed in output into the content area.
Step 10: In the Layout part of the form, Drag and drop the Address Field.
Step 11: Drag the static text from the library into the form and provide the descriptions of the fields.
Step 12: Set the Border properties of Address text field as shown below.
Step 13: Set the Object properties of Address text field as shown below.
Step 14: Wrap the address field into Subform as shown below.
Step 15: Set Body page Object properties as shown below.
Go to transaction NACE.
Choose the required application from the list and click on output types.
Chose one of the Output types from the right pane and click on processing routines.
Following screen appears:
If an SAP Script to be attached, fill-in the driver program name, Form routine and SAP Script name in
the field “Form” (shown below)”
If an Smart Form / Adobe Form are to be attached, enter the form name in the field “PDF/SmartForm
Form” and select one of the types “PDF” or “SmartForm”. (See the screenshot below)
I have created a table ‘ZDEPT’ with just three fields; I will be creating an Adobe form for these three
fields and will be updating this table using ABAP Web Dynpro framework.
Go to transaction SE80 and create a web dynpro component ZADOBE’.
You can see Component controller, Interface controller and window being created
Create a View as shown below
Give the view name as ‘MAIN_VIEW’ as show below
You can see the main view being created.
Go to the context tab of the “MAIN_VIEW’ and create a empty node.
Give the name of the Node as ‘Adobe’ and press enter as shown below.
You can see the node ‘Adobe’ being created below.
Create another node under the node adobe as shown below.
Give the name of the node as ‘ZDEPT’ and Dictionary structure as ‘ZDEPT’ and press the button ‘Add
Attribute from Structure’.
Select the Fields as shown below and press enter.
You can see the node ‘ZDEPT’ with three fields being created under the node ‘ADOBE’.
Now create an attribute ‘PDF_SOURCE’ under the root node ‘CONTEXT’ as shown below
Give the Attribute Name as ‘PDF_SOURCE’ and the type ‘XSTRING’ as shown below
You can see all the nodes that we have created; your screen should appear like the one shown
below.
Go to the Layout tab of the ‘MAIN VIEW’ and create a place holder for the adobe form, Right click on
the ‘ROOTUIELEMENTCONTAINER’ select ‘insert Element’ from the context window as shown
below.
Enter the details in the POPUP window, give the name of the place holder as ‘ADOBE’ and type
‘InteractiveForm’ as shown below.
You can see the placeholder ‘ADOBE’ being created, check the CHEKBOX enabled in the property
list, this is a required entry for an interactive form, (an activex control ‘Active Control Framework’ will
be automatically downloaded on to the client from the server when the web page is first
called). Increase the height to 500px and width to 500px as shown below.
Click on the button in the property list for the property ‘pdfSource’ and select the node
‘PDF_SOURCE’ from the context window.
In the property List for ‘template Source’ property give the name of the adobe form ’ZADOBE’ that we
will be creating during this session and double click on it.
In the POPUP window, give the adobe form interface name ‘ZADOBE’ as shown below and press
on the ‘Context button’ as shown below.
Select the Node ‘Adobe’ from the context window as shown below.
Save the application as local object.
Press the button ‘Save’ to save the main view.
You can see the Adobe form application with our web dynpro context node ‘ZDEPT’ being mapped to
the context of the Adobe form in the Data view tab.
Just Drag and Drop the ‘ZDEPT’ Node on to the form, in the subform tab of the object make the
content as ‘Flowed’ as shown below
Drag and Drop ‘Text’ from the Library pallet and enter the text as you wish
Drag and Drop the Submit button on the form as shown below
Just select the event click* and language JavaScript and run at client (No coding is required)
Now save and just activate the Form and the interface as shown below.
Go to the properties page of the form and double click on the interface ‘ZADOBE’ you can see the
‘XML Schema’
You can see the ‘XML Schema’ interface (You can have three types of interfaces ‘Abap dictionary
interface, Smart form compatible interface and XML interface) for interactive forms using WebDynpro
you have to use the XML Schema interface.
You can see the Method ONACTIONCLICK. Here you can code your business logic, you can call a
BAPI or a function module based on the requirement. We are going to code for inserting the values
into the table zdept, the values will come from our adobe form.
Copy the below code and paste it in the method.
method ONACTIONCLICK .
data:
Node_Adobe type ref to If_Wd_Context_Node,
Node_Zdept type ref to If_Wd_Context_Node,
Elem_Zdept type ref to If_Wd_Context_Element,
Stru_Zdept type If_Main_View=>Element_Zdept .
wa_zdept-DEPTNO = Stru_Zdept-deptno.
wa_zdept-DNAME = Stru_Zdept-dname.
wa_zdept-LOC = Stru_Zdept-loc.
You can see an activex control named ‘SAP ACF’, if you don’t have this control you will not see this
page: Note you need to have adobe acrobat reader 7.1 installed, I have used version 9, the activex
control was not working properly so down graded my adobe reader to 7.1)
Press F8 to continue.
You can see the entry in the table ZDEPT being updated.
Demo scenario on Adobe Forms using ABAP WebDynpro
- Part 2
By G.K.Akbar, The Washington Post
In the earlier example, we have created a WebDynpro application to populate the data into the
custom table ZDEPT. In this, we would display the data from the ZDEPT using ABAP WebDynpro.
Go to the Layout tab and Drag & Drop the ‘ZDEPT’ node on to the form layout, Save and Activate the
form
You can also create a Report program (Print Program) and call the above mentioned form, but we are
going to write the print program logic in the Web Dynpro.
You can see the Component Controller, Interface controller and window being created
Create a view as shown below:
Give the Name of the View as ‘MAIN_VIEW’
Go to the layout tab of the ‘MAIN_VIEW’ and create a place holder for the adobe form as shown
below
Give the name of the node as adobe and type Interactive form
In the properties list set the Height and width and the template source as ‘ZDEPFRM’ this is the actual
name of the adobe form which we have created earlier, you can see the interface context is
automatically mapped to the data source.
You can see the mapped data source in the context tab of the ‘MAIN_VIEW’
Go to the Methods table of the ‘MAIN_VIEW’ and double click on the ‘WDDOINIT’ method,
We are going to write the print program’s logic in this method, we are not going to use the standard
function modules that we use normally in the Report print program such as
FP_JOB_OPEN, FP_FUNCTION_MODULE_NAME, FP_JOB_CLOSE.
method WDDOINIT .
data:
Node_Zdepfrm type ref to If_Wd_Context_Node,
Elem_Zdepfrm type ref to If_Wd_Context_Element,
Stru_Zdepfrm type If_Main_View=>Element_Zdepfrm ,
Item_ZDEPT like Stru_Zdepfrm-ZDEPT,
i_dept type zdepttbl.
* navigate from <CONTEXT> to <ZDEPFRM> via lead selection
Node_Zdepfrm = wd_Context->get_Child_Node
( Name = IF_MAIN_VIEW=>wdctx_Zdepfrm ).
Node_Zdepfrm->bind_element( Elem_Zdepfrm ).
endmethod.
Go to the window ‘Z_NON_INT_FRM’ and select the window tab as shown below
This document gives an idea about migration of a smart form to an interactive form.
Step1: Go to transaction code SMARTFORMS and select the smart form to be converted into print
adobe form.
Here the form name is ZTEST1.
A text element and table are defined in this existing smart form.
Step5: Provide form name and interface name and click enter.
Step6: You will get settings window as shown below.
Step7: Now go adobe form initial screen. Provide the interface name as mentioned above.
Step8: Go to properties tab. You get the default interface type is ‘Smart forms-Compatible
Interface’ as shown.
Activate the interface and come out to initial screen.
Step9: Now provide the form name mentioned above in the initial screen.
Now,
Step11: Go to layout tab,
When you try to activate the form, it gives some error message as ‘Unknown Layout Type’.
.
Using Multiple Master and Body pages in the SAP Adobe
Forms
By Phani Diwakar M, YASH Technologies
In general, the boiler plate objects placed on the master page will reflect in all remaining pages. Now
consider the scenario where the boiler plate objects placed on the master page reflects only on first
page but not on the subsequent pages.
We can achieve the above scenario by creating another master page and body page. This document
shows the steps to achieve the same.
Step1: Go to SFP transaction to create adobe form. Provide the interface name and click on create
button.
Step3: Now go to TYPES options in the GLABAL DEFINITION to define user define declarations.
Save and activate the interface. Come back to initial screen of adobe form.
Step6: Provide the form name and give the interface face name and description in the appearing
subsequent dialog box.
Step7: Drag and drop the IMPORT parameter ‘carrid’ and GLOBAL DATA parameter ‘t_sflight’ to
context.
Step8: Now go to Layout tab,
In master page, drag the content area little bit down from the top to place logo and import parameter
‘carrid’. Also resize the content area as shown below.
Step9: Drag and drop the internal table into body page as shown below.
Step10: Now rename the ‘Untitled Sub Form’ to ‘Bodypage1’ and make the sub form type as
flowed as shown.
Active the form and when execute at this point of time, you would observe logo and carrid on every
page of output as shown.
And also in all remaining 3 pages logo and carrid is printed.
But our objective of this document is of restricting these TWO, carrid and logo. For that, proceed as
follows
Step11: To create new master page, right click on page1 and select New Master Page as shown.
Step12: New master page is created.
Step13: Now create new body page. Right click on ‘Bodypage1’ and select New Body Page.
Rename it to Bodypage2.
Step14: Drag and drop the internal table into Bodypage2.
Go to pagination tab.
And also, select the Page2 instead of None in the Overflow column.
Step16: Now, select Bodypage2. Go to pagination tab in the object palette. Select ‘Page2’ in place of
‘Following Pervious’ as shown below
Consider the offline scenario where the candidate gets the appointment letter along with personnel
information form as an attachment to his/her email after he/she has been completed final round of
interview. He/She fills the form and sends it back. The data from the PDF is then retrieved and
updated in SAP by HR. For this we don’t require Web Dynpro Development.
In this document we discuss how to send PDF file as an E-mail attachment to respective candidate.
Step1: Go to transaction SFP to create form interface. Provide the interface name
‘ZPERSONNEL_INT’.
Click on Save. Provide the package name in the following screen and press enter.
Step4: Drag the IMPORT parameter ‘EMP_INFO’ from interface to context tab.
Drag the drop the each field from data view to layout editor as shown.
Save and activate it.
We can provide the tool tip text using Accessibility tab as shown.
Step6: Now create an ABAP program which will create a form and email to selected candidate so that
it can be filled offline. (Click here for the program used for this demo purpose)
A. Obtain the name of the generated function module of the form using
‘FP_FUNCTION_MODULE_NAME’ by pass the form name to it.
B. Set the output parameter and open the spool job. Fill the value ‘X’ to NODIALOG and
GETPDF parameter of the structure SFPOUTPUTPARAMS. Pass this structure to function
module ‘FP_JOB_OPEN’
C. Call the generated function module. Pass the value ‘X’ to parameter FILLABLE of the
structure SFPDOCPARAMS (Form parameters for Form Processing) which is standard
parameter. By default this FILLABLE parameter is assigned with space. When ‘X’ is passing to
this parameter then form acts as interactive form, otherwise it is print form.
D. Now the PDF file generated is available in the parameter PDF of structure
/1BCDWB/FORMOUTPUT. Convert the generated PDF file data to binary format using the
function module ‘SCMS_XSTRING_TO_BINARY’.
E. Send this form to mail as a PDF attachment using Business Communication Service (BCS).
This is the offline interactive scenario where in user downloads the file from the browser and save it
on desk top. After the filling the form by user then that form will be uploaded into SAP. Now here we
will see how to download the file from the browser. To upload the filled-in PDF file, click here.
Click on Enter.
Step5: Provide the filename which is either already exists in the MIME repository or place the file in
the MIME repository which you want to be down loaded.
In SAP folder, select the folder WDR_TEST_ADOBE and place the file as shown below.
The following screen will appears. Select the file from desk top that you want to be down loaded from
browser.
Now if you check, the file ‘PersonnelInformationForm.pdf’ is placed under the folder
WDR_TEST_ADOBE as shown.
Step6: The property tab of FileDownload is as shown below.
Step7: In the method ‘WDDOINIT’, write the following code.
The requirement is to upload the filled PDF data file into SAP from browser. FILE UPLOAD element is
used in Web Dynro to upload the file. This document is extension to ‘how to down the file from the
browser’.
Click on Enter.
And also create button. The properties of the buttons are as shown below.
Step4: Now select the binding tab against
DATA property of the FileUpload element. Bind this DATA property with PDF_SOURCE attribute
defined in context.
If you check the data base, the PDF data is uploaded into database table.
Scenario: Fetching the Material Description for a Material in Adobe Form using Web Service.
Consider a Scenario User enters a Material Number in a Adobe Form and the Material Description
has to be fetched from the Material master table , for this we use web service to fetch the
description.
Step 2 : Define one Import parameter material number(MATNR) and Two Export parameter material
Description (MAKTX) and BAPIRETURN (Mandatory)
Step 3: Write the code for to fetch the material description in source code.
Step 4: Goto the Utilities->More utilities->Create web service->From the function module
Step 5: A Web Service Wizard will be displayed
Press continue
Press continue
Check local object or package name
Press continue
Press complete
To find your web service, type your Service name in the Search Pattern and then select your service
then click
Step 1 : Then go to the transaction SFP and create a empty interface then create a form
Step 3: In layout to create a new button and change its control type to Execute
Step 4: Drag and drop the MATNR and MAKTX fields to the Form.
Activate the form
Output:
Step 6: Run the print program and then save the pdf form in your drive or desktop, then open the
form using the Adobe Reader (7.0 or above).
Give the material number and press description Button; it fetches the description of the Material
entered.
i3Ma teri a l. pd! • Adobe Reader ©)(8)
X
I·
r desc
A
Ma tnr F10
Maktx Ipump