Call Adobe Form through ABA..

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

1 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Web Dynpro ABAP Call Adobe Form through ABAP Web Dynpro Added by surjith kumar , last edited by surjith kumar on Jun 15, 2009 (view change) Labels: call, adobe, form, through, abap, web, dynpro

Author

: P. Surjith Kumar & S Senthil Raja

Created on : 14rd June 2009 Author Bio : P.Surjith Kumar working as SAP Consultant for the Past 3.5 Years.

Company

: Enteg Technologies Pte Ltd., No.9, Jurong Town Hall Road, Unit #03-14, iHub, Singapore 609431.

S Senthil Raja working as SAP Technical Consultant for the Past 1 Year.

Company

: Enteg InfoTech, #263, 21st Main, BTM 2nd Stage,1st Phase, Bangalore - 560076, India.

Scenario Create an Adobe Form and call in via ABAP WebDynpro .

Pre-request: 1) In the Front End System Adobe Life Cycle Designer has to install. Then only the Adobe Form Layout and Adobe form will open in the SAP system 2) Adobe Reader 8.0 and above version has to installed

Steps to Create and Call the adobe form 1) Create a Table Type for a Table "MARI" 2) Create the Interface for the Adobe form in the Transaction Code "SFP" 3) Create a Web Dynpro Component in the Transaction Code SE80 4) Create an "Interactive Form" element in the view (MAIN_VIEW) Layout 5) Assign the Layout and Design the Adobe Form 6) Write a code in the View (MAIN_VIEW) Method "WDDOINIT" 7) Create a Web Dynpro Application to test the Development 8) Test the Web Dynpro Application

Step by Step Approach 1) Create a Table Type for a Table "MARI" Give the Table type Name "ZMARI_TBL" and click Create

Select the radio button "Table Type" and press enter as shown below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

2 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Save and activate it.

2) Create the Interface for the Adobe Form in the Transaction Code "SFP" Give the interface name as "ZADOBE_INTERFACE" and click Create.

Then give the Description and click save as shown below.

Save it as local object.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

3 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Click the "Append Row" Icon as shown below.

Then assign the Created Table type Name "ZMARI_TBL".

Then activate the interface.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

4 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

3) Create a Web Dynpro Component in the Transaction Code SE80

Select the "Web Dynpro Comp./Intf" and Give the Application Name, then press Enter

Then a popup window will appear and click "Yes".

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

5 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then another popup window will appear, Give the "Window Name" & "View Name", and press Enter.

Then save it as local Object.

Then you can see Web Dynpro screen as below.

Double click the View (MAIN_VIEW) as shown below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

6 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

4) Create an "Interactive Form" element in the view (MAIN_VIEW) Layout Go to change Mode, select the "ROOTUIELEMENTCONTAINER" and right click it. Then click "Insert Element" as shown below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

7 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Enter a Name and select the Interactive Forms, then press Enter.

Then below screen will appear.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

8 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then Increase the Height & width as "700px" as indicated below.

In the "Template Source" give name as ZADOBE_FORMS and double click it. Then a Popup will appear as indicated below. Now assign the Adobe Interface Name "ZADOBE_INTERFACE" that created in the Transaction Code "SFP" earlier.

Then Click the "Use" button.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

9 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then save it as Local Object.

Then a popup will appear as mentioned below and click "Yes".

Then save the View "MAIN_VIEW" by click the "Yes" button.

Then the below screen will appear.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

10 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

5) Assign the Layout and Design the Adobe Form

Click the "Properties" Tab in the screen.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

11 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

In the Layout type choose "ZCI Layout" as show below and press enter.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

12 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then go to "Context Tab" and expand the import as show below.

Drag and Drop the Table "ZMARI" in to the Context as shown below.

Then the Below Screen will appear.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

13 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then click the layout tab, then below screen will appear.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

14 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Drag the Table ZMARI and place it in the Design View as shown below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

15 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

In the "Library" Select the Text, place it in the Design view and give a Description.

Then Save & active the Adobe Form.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

16 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

After Active the Adobe Form and Double click the VIEW " MAIN_VIEW"

Navigate to the "Methods " tab .

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

17 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

6) Write a code in the View (MAIN_VIEW) Method "WDDOINIT"

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

18 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Double click the "WDDOINIT" method and enter the below code.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

19 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

METHOD wddoinit . *&-----------------------------------------------------------------&* *& Author : P Surjith Kumar & S Senthil Raja *& Purpose : Call the Adobe form via Webdynpro *&-----------------------------------------------------------------&* DATA: node_zadobe_forms TYPE REF TO if_wd_context_node, it_mari

TYPE

zmari_tbl.

SELECT * FROM mari INTO TABLE it_mari UP TO 15 ROWS. node_zadobe_forms = wd_context->path_get_node( 'ZADOBE_FORMS.ZMARI' ). node_zadobe_forms->bind_table( new_items = it_mari set_initial_elements = abap_true ). ENDMETHOD.

Click the Main Window.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

20 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

You can see the view embedded to the window(MAIN_WINDOW). If it does not appear Drag and drop the View "MAIN_VIEW" to the Window (MAIN_WINDOW) as shown below.

Then select the whole Web Dynpro Component and activate as mentioned below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

21 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Now the webdynpro component is active.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

22 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

7) Create a Web Dynpro Application to test the Development

Then create a webdynpro application as show below .

Enter the description and click the "Tick" button as mention below.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

23 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Save it as Local Object.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

24 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Expand the " Web Dynpro Applications" as highlighted.

8) Test the Web Dynpro Application Then Right Click the Web Dynpro Applications "zadobe_n_webdyn" and click the Test.

10/13/2009 4:49 PM

Call Adobe Form through ABAP Web Dynpro - SAP Community Networ...

25 of 25

http://wiki.sdn.sap.com/wiki/pages/viewpage.action?spaceKey=WDAB...

Then a Browser Window will Open and display the Adobe Form.

Contact Us Site Index Marketing Opportunities Legal Terms Privacy Impressum Powered by SAP NetWeaver

10/13/2009 4:49 PM