adobe integration into webdynpro abap

15
Adobe Integration into WebDynpro ABAP. 1

Upload: subhadip-das-sarma

Post on 21-Dec-2015

275 views

Category:

Documents


5 download

DESCRIPTION

Adobe Integration in WDA

TRANSCRIPT

Page 1: Adobe Integration Into WebDynpro ABAP

Adobe Integration into WebDynpro

ABAP.

Published By: Samar Satapalkar Vrushali Joshi

1

Page 2: Adobe Integration Into WebDynpro ABAP

This document helps to understand integration of Adobe form via Web Dynpro .

Main Purpose of Web Dynpro is to Deliver Enterprise Quality Web Development Environment Achieve Independence Improve User Experience through High Fidelity Web UI

Adobe forms key capabilities are Integrate Interactive PDF Documents into Business processes driven by

SAP application Allow fom based input combined with workflow to start automated Follow—up steps. Submit data from form back to SAP System Allow to Print Fom also.

So this following application is combination of best usage of both technologies to fulfill client demand

Please find details stepwise description of application Creation

Pre-Requisties: 1. Function Modules/ RFC should be created to pass the data. e.g. a. ZHRPAY1 – which takes input as Month and Year Combination and passes Date Range of PayStubs.b. ZHRPAY – which takes input as Date Range and passes the necessary data to Adobe form.

Steps : 1:: WEB DYNPRO Settings

1. Create WebDynpro Component2. Create Service Calls for related RFC/FMs.3. Design View4. Create Methods and Pass code.5. Create a WebDynpro Application

2

Page 3: Adobe Integration Into WebDynpro ABAP

3

Page 4: Adobe Integration Into WebDynpro ABAP

4

Page 5: Adobe Integration Into WebDynpro ABAP

5

Page 6: Adobe Integration Into WebDynpro ABAP

6

Page 7: Adobe Integration Into WebDynpro ABAP

Please activate the component at this point of time.

Go to View. Click on the Context Tab. Drag and drop the Context from the Component Controller and drop it on the Main Context.

7

Page 8: Adobe Integration Into WebDynpro ABAP

Go to Layout Tab of the View.

Create a GroupCreate the Elements from the Context

8

Page 9: Adobe Integration Into WebDynpro ABAP

This is how your View looks now.

9

Page 10: Adobe Integration Into WebDynpro ABAP

Go to Actions Tab. - Click this button which is WebDynpro code Wizard.

10

Page 11: Adobe Integration Into WebDynpro ABAP

11

Page 12: Adobe Integration Into WebDynpro ABAP

Create a Table UI Element.

Bind the Table to the Context.

12

Page 13: Adobe Integration Into WebDynpro ABAP

13

Page 14: Adobe Integration Into WebDynpro ABAP

Again create a new Service Call for a new Method ZHRPAY.

On the selection of the row for the Inputs table one must see the Adobe form with the required details of the salary of that person for the required period.

Go to the Context Tab of the view and drag and drop the Context from Component Controller.

Now go to the layout tab of the

14

Page 15: Adobe Integration Into WebDynpro ABAP

Activate form and Drag drop the data values.

Create an Action on the onLeadSelection Event of the table.

This is the final PDF Format available to the employee in the PDF Format.

15