I have created a table ZDEPT with just three fields; I will be creating an Adobe form for these

three fields and will be udating this table using A!AP "eb D#nro framewor$%


&o to transaction 'E() and create a web d#nro comonent ZAD*!E%


Enter the details in the ou window as shown below


Assign a ac$age to the alication or save as a local object


+ou can see ,omonent controller- Interface controller and window being created


,reate a .iew as shown below


&ive the view name as /AI01.IE" as show below


+ou can see the main view being created%


&o to the context tab of the 2/AI01.IE" and create a emt# node%
&ive the name of the 0ode as Adobe and ress enter as shown below%


+ou can see the node Adobe being created below%


,reate another node under the node adobe as shown below%


&ive the name of the node as ZDEPT and Dictionar# structure as ZDEPT and ress the button
Add Attribute from 'tructure%


'elect the 3ields as shown below and ress enter%


+ou can see the node ZDEPT with three fields being created under the node AD*!E%


0ow create an attribute PD31'*45,E under the root node ,*0TE6T as shown below
&ive the Attribute 0ame as PD31'*45,E and the t#e 6'T5I0& as shown below


+ou can see all the nodes that we have created; #our screen should aear li$e the one shown
below%


&o to the 7a#out tab of the /AI0 .IE" and create a lace holder for the adobe form- 5ight clic$
on the 5**T4IE7E/E0T,*0TAI0E5 select insert Element from the conte8t window as
shown below%


Enter the details in the P*P4P window- give the name of the lace holder as AD*!E and t#e
Interactive3orm as shown below%


+ou can see the laceholder AD*!E being created- chec$ the ,9E:!*6 enabled in the
roert# list- this is a re;uired entr# for an interactive form- <an active8 control Active ,ontrol
3ramewor$ will be automaticall# downloaded on to the client from the server when the web age
is first called=% Increase the height to >))8 and width to >))8 as shown below%


,lic$ on the button in the roert# list for the roert# df'ource and select the node
PD31'*45,E from the conte8t window%
In the roert# 7ist for temlate 'ource roert# give the name of the adobe form ZAD*!E that
we will be creating during this session and double clic$ on it%
In the P*P4P window- give the adobe form interface name ZAD*!E as shown below and
ress on the ,onte8t button as shown below%
'elect the 0ode Adobe from the conte8t window as shown below%
'ave the alication as local object%
Press the button 'ave to save the main view%


+ou can see the Adobe form alication with our web d#nro conte8t node ZDEPT being
maed to the conte8t of the Adobe form in the Data view tab%


?ust Drag and Dro the ZDEPT 0ode on to the form- in the subform tab of the object ma$e the
content as 3lowed as shown below

Drag and Dro Te8t from the 7ibrar# allet and enter the te8t as #ou wish


Drag and Dro the 'ubmit button on the form as shown below
?ust select the event clic$@ and language ?ava'crit and run at client <0o coding is re;uired=


0ow save and just activate the 3orm and the interface as shown below%


&o to the roerties age of the form and double clic$ on the interface ZAD*!E #ou can see the
6/7 'chema


+ou can see the 6/7 'chema interface <+ou can have three t#es of interfaces Aba dictionar#
interface- 'mart form comatible interface and 6/7 interface= for interactive forms using
"ebD#nro #ou have to use the 6/7 'chema interface%
Press the bac$ button to go bac$ to our web d#nro alication%


0ow we are bac$ to our web d#nro alication%
'elect the window ZAD*!E as shown below


Drag and Dro the 2/AI01.IE" on to the window


&o to the /ain .iew la#out tab and select the node AD*!E and in the roert# list 4nder
Events clic$ on the create button for the event onsubmit as shown below
&ive the name of the action as ,7I,: and ress enter%


&o to the Actions tab of the /AI01.IE" #ou can see the Action ,lic$- double clic$ on the
action ,7I,:%
+ou can see the /ethod *0A,TI*0,7I,:% 9ere #ou can code #our business logic- #ou can call
a !API or a function module based on the re;uirement% "e are going to code for inserting the
values into the table Adet- the values will come from our adobe form%
Copy the below code and paste it in the method.
method *0A,TI*0,7I,: %
dataB
0ode1Adobe t#e ref to If1"d1,onte8t10ode-
0ode1Zdet t#e ref to If1"d1,onte8t10ode-
Elem1Zdet t#e ref to If1"d1,onte8t1Element-
'tru1Zdet t#e If1/ain1.iewCDElement1Zdet %

data wa1Adet t#e Adet%

@ navigate from E,*0TE6TD to EAD*!ED via lead selection
0ode1Adobe C wd1,onte8tFDget1,hild10ode< 0ame C I31/AI01.IE"CDwdct81Adobe =%
@ navigate from EAD*!ED to EZDEPTD via lead selection
0ode1Zdet C 0ode1AdobeFDget1,hild10ode< 0ame C I31/AI01.IE"CDwdct81Zdet =%
@ get element via lead selection
Elem1Zdet C 0ode1ZdetFDget1Element< =%
@ get all declared attributes
Elem1ZdetFDget1'tatic1Attributes<
imorting
'tatic1Attributes C 'tru1Zdet =%
wa1AdetFDEPT0* C 'tru1ZdetFdetno%
wa1AdetFD0A/E C 'tru1ZdetFdname%
wa1AdetF7*, C 'tru1ZdetFloc%
insert into Adet values wa1Adet%
endmethod%
+our 'creen should loo$ li$e the one shown below%
0ow 'ave and Activate the "ebd#nro%


,reate a "eb d#nro alication as shown below% ?ust right clic$ on the node ZAD*!E and
from the conte8t window select create"eb D#nro Alication%


Enter the Alication name as Aadobe as shown below%


'ave the "eb d#nro alication as local object
&o to the /AI01.IE" Actions tab and $ee a session brea$ oint in the code- to
just see if our code is being e8ecuted when we submit the data from the adobe
form%

0ow we will test the alication- right clic$ on the node Aadobe and select test from
the conte8t window%

7ogon with #our credentials; give #our username and assword

+ou can see the Adobe form that we have designed- enter the data as shown below
and ress the submit button% <As I said earlier an active8 control will be installed on
to the client machine- #ou can see the active8 control in the internet e8lore go to
the menuB ToolsInternet otionsgo to the rograms tab Press button /anage
addFons%
+ou can see an active8 control named 'AP A,3- if #ou dont have this control #ou
will not see this ageB 0ote #ou need to have adobe acrobat reader G%H installed- I
have used version I- the active8 control was not wor$ing roerl# so down graded
m# adobe reader to G%H=

Press 3( to continue%

+ou can see the entr# in the table ZDEPT being udated%