Web Dynpro ABAP: Adobe form in popup Window

Objective:

The article is written to help the Web Dynpro ABAP consultants who want to call the Adobe forms in popup Window using Web Dynpro ABAP.

Web Dynpro ABAP: Adobe form in popup Window

In this article, we will develop 2 views. In the first view, we will have an input field(say Billdate) along with a button POPUP. Second view is Adobe Interactive form. Based on the value entered and the button clicked in the first view, second view will get called.

Prerequisite:

Consultants should have basic Web Dynpro ABAP and Adobe form basic knowledge.

Database table:

Web Dynpro:

Create an Web Dynpro component (say zzz_jaytest3). In view, design context as below.

Do the mapping for context inside Main View as below.

Design layout as shown. Bind the value for input field billdate to the context attribute billdate.

Create events CLICK for button DETAILS.Now create another view called POPUP. Map the context of the view POPUP as mentioned here.

Create the element Interactive form. Since we are not going to interact with it during runtime, it is enough if we maintain the property enabled as unchecked.

Mention the form name which we are going to create in template source and then double click the same.

Then choose Context button.Interface and then form will get generated automatically.

Mention the layout of form as ZCI_LAYOUT and from Utilities use Insert WebDynpro script.

Then create a table using Table assistance and then wrap it in subform.

Activate the form.Create another window called POP_ADB and then embed the view POPUP inside the window.

Now in coding, we need to write the logic in ONCLICK method in Main view to open Adobe Form.Read context for Billdate.

Then call the POPUP window.

Write the necessary select statements and then finally bind the internal table to the node bill.

Code:

Then create WebDynpro Application(say ZZZ_JAYTEST3).

Test:

Enter Bill date and then click details.