Introduction:
This blog helps you to call adobe form through abap web dynpro.
Step1:
Create a table type for a table.
Go to the T_Code –SE11.
Select data type and give data type name click on ‘CREATE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro1.png?resize=430%2C303&ssl=1)
Select the radio button ‘Table Type’ and click on ‘ENTER‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro2.png?resize=255%2C141&ssl=1)
Give short text and line type name.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro3.png?resize=604%2C432&ssl=1)
Give package name click on ‘SAVE‘..
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro4.png?resize=451%2C296&ssl=1)
Activate the table type.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro5.png?resize=598%2C416&ssl=1)
Step2:
Create the interface for the adobe form .
Go to T_code: ‘SFP’.
Select interface and give interface name and click on ‘CREATE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro6.png?resize=381%2C181&ssl=1)
Give the description and click on ‘SAVE’.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro7.png?resize=596%2C165&ssl=1)
Give package name click on ‘SAVE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro8.png?resize=454%2C294&ssl=1)
Then click on ‘Append Row’ icon as indicated below.
Then as new row will inserted and assign the table type ZKNA1_TAB1 value as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro9-1024x398.png?resize=730%2C284&ssl=1)
Then click on ‘SAVE‘ and ‘ACTIVATE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro10-1024x369.png?resize=730%2C263&ssl=1)
Step3:
Create adobe form.
Go to T_code: ”SFP”.
Select adobe form and give adobe form name and click on ‘CREATE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro11.png?resize=381%2C214&ssl=1)
Give the description and the interface name and click on ‘SAVE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro12.png?resize=598%2C166&ssl=1)
Give package name and click on ‘SAVE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro13.png?resize=450%2C293&ssl=1)
Then the below screen will appear.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro14.png?resize=730%2C411&ssl=1)
Expand the import button and you can find the table parameter ZKna1.
After drag and drop the table type to context ,then below screen will appear.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro15-1024x443.png?resize=730%2C316&ssl=1)
Select the ‘Text’ from the library and drop it the layout ”Design” view and give a description to the table as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro16-1024x444.png?resize=730%2C317&ssl=1)
Then Activate the adobe form.
Step4:
Create a web dynpro component.
Go to transaction code SE80.
Select web dynpro tab and give web dynpro name click ‘ENTER‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro17.png?resize=347%2C455&ssl=1)
Give description and click on ‘ENTER‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro18.png?resize=548%2C234&ssl=1)
Give package name and click on ‘SAVE’.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro19.png?resize=448%2C291&ssl=1)
Then you can see Web Dynpro screen as below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro20.png?resize=368%2C457&ssl=1)
Double click the View (MAIN_VIEW) as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro21-1024x478.png?resize=730%2C341&ssl=1)
Step5:
Create an ” Interactive form ” element in the view (MAIN_VIEW) Layout.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro22-1024x455.png?resize=730%2C324&ssl=1)
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro23-1-1024x465.png?resize=730%2C331&ssl=1)
Then below screen will appear.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro24-1024x464.png?resize=730%2C331&ssl=1)
In the ”Template Source ” give name as Z_ADOBEFORM and double click it . Then popup will appear as indicated below.
Now assign the adobe interface Name ” Z_ADOBEFORM ” that created in the transaction code ”SFP” earlier.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro25.png?resize=398%2C183&ssl=1)
Give package name click on ‘SAVE‘.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro26.png?resize=452%2C296&ssl=1)
Step6:
Assign the layout and design the adobe form
click on ”Properties ” Tab in the screen.
In the layout type choose ”ZCL Layout ” as shown below and press enter.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro27.png?resize=666%2C458&ssl=1)
Then goto ” Context Tab ” and expand the import as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro28-1024x520.png?resize=730%2C371&ssl=1)
Then click the layout tab, then below screen will appear.
In the ‘Library ” select the text , Place it in the design view and give a description.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro29.png?resize=730%2C381&ssl=1)
After Activate the Adobe Form and Double click the view ” MAIN_VIEW ” .
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro30.png?resize=730%2C388&ssl=1)
Navigate to the ”Methods ” tab.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro31-1024x505.png?resize=730%2C360&ssl=1)
Step7:
Write a code in the view (MAIN_VIEW) method ”WDDOINIT” Double click the ” WDDOINIT ” method and enter the below code.
method WDDOINIT .
DATA: node_zadobeform2 TYPE REF TO if_wd_context_node,
it_kna1 TYPE z_kna1_tab1.
SELECT * FROM kna1 INTO TABLE it_kna1 UP TO 5 ROWS.
node_zadobeform2 = wd_context->path_get_node( ‘ZADOBEFORMS2.ZKNA1’ ).
node_zadobeform2->bind_table( new_items = it_kna1 set_initial_elements = abap_true ).
endmethod.
Click the main window.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro32-1024x464.png?resize=730%2C331&ssl=1)
You can see the view embedded to the window (MAIN_WINDOW) .If it does not appear Drag and drop the view ” MAIN_WINDOW ” to the window ( MAIN_WINDOW) as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro33-1024x455.png?resize=730%2C324&ssl=1)
Then select the whole Web Dynpro component and activate as mentioned below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro34-1024x462.png?resize=730%2C329&ssl=1)
Now the Web Dynpro component is active.
Step8:
Create a Web Dynpro application to test the development.
Then create a Web Dynpro application as shown below.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro35.png?resize=653%2C137&ssl=1)
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro36-1024x525.png?resize=730%2C374&ssl=1)
Save it Local Object.
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro37.png?resize=450%2C290&ssl=1)
Expand the ” Web Dynpro Applications ” as highlighted .
![](https://i0.wp.com/www.erpqna.com/wp-content/uploads/2020/01/SAPWebDynpro38.png?resize=347%2C180&ssl=1)
Step 9:
Test the Web Dynpro Application
Then Right Click the Web Dynpro Application ” Z_WEB1 ” and click the test.
Then a browser Window Will Open and display the adobe form.