SAP Interactive Forms by Adobe for Web Dynpro User Interfaces 

You can define an interactive form based on Adobe technology for the Web Dynpro user interface. For an efficient and straightforward development of the user interface, you can integrate the Adobe Designer tool with editor and the Adobe user interface elements into the design time environment for the Web Dynpro development. In addition, special Web Dynpro form user interface elements are available for developing forms integrated into Web Dynpro user interfaces. They can be selected by the form developer on a Web Dynpro tab page of the element library of the Adobe Designer:

●      Pushbuttons

○       CheckFields

○       SubmitToSAP

●      Input help

○       ValueHelpDropDownList

○       EnumeratedDropDownList

○       EnumeratedDropDownListNoSelect

●      Disabling the Adobe toolbar

○       HideReaderToolbar

 

When designing a Web Dynpro form using the Adobe form template, a manual import of a scheme definition is not required. The SAP system generates a scheme definition file with an associated form context and provides this file to the designer. In the Adobe designer tool, the form developer finds the logical context level in the Data View of the Adobe Designer environment. Data View is then available for the form definition, together with the Body Pages editor.

 

Data Flow

To define the data, you have to create the required nodes and attributes in the Web Dynpro perspective in the View context structure and assign appropriate values. This context definition is part of the XML file .wdview and to be carried out in the Controller /Context Editor in the Web Dynpro perspective of the SAP NetWeaver Developer Studio.

With the value definition in the Controller/Context Editor, the logical data source in the integrated Adobe Designer tool is also available. The names of the nodes and attributes are transferred automatically. There is one exception to this rule if only one node with one or several attributes was defined for the interactive form. In this case, not the value node but exclusively the value attributes defined in the Controller/Context Editor are mapped onto the data view of the Adobe Designer. The form context mapped in the Designer shows the logical view to the XML file.xdp.

The structure of the .wdview file is as follows:

 

Context

   <DataSource>

      <ValueNode1>

         <ValueAttribute1>

         <ValueAttribute2>

         …

      <ValueNode2>

         <ValueAttribute4>

   <PdfSource>   

     

According to the structure of the .wdview file, the structure of the .xdp file is as follows:

 

<DataSource>

   <ValueNode1>

      <ValueAttribute1>

      <ValueAttribute2>
      <ValueAttribute3>

   <ValueNode2>

      <ValueAttribute4>

   <PdfSource>   

 

When creating the Web Dynpro form UI elements, the names of the value objects are transferred automatically from the data source or the context definition. The  .xdp file (see tab page XML Source) contains the node and attribute values in the form of elements the XML file. All Web Dynpro form user interface elements., such as list box fields, check or submit pushbuttons, are bound to the form user interface using the tag  <bind match="dataRef"></bind> with a reference  (ref="$record.).

Source Code of the .xdp File

… <template xmlns=“http://www.xfa.org/schema/xfa-template/2.1/“>    <subform name=“DataSource“ …>      <field name=“ValueAttribute1Name“…>        <bind match=“dataRef“ ref==“$record.<ValueNode1>[*].<ValueAttribute1>“/>        …      </field>      <field name=“ValueAttribute2Name“…>         …      </field>      <field name=“ValueAttribute3Name“…>         …      </field>    </subform> </template> …

 

When you define the InteractiveForm UI element, the XML file  <ViewName>_<FormName>.xdp is generated and locally saved in the workspace directory/<AdobeProjectName>/src/configuration/Components/<PackageName>.<ComponentName>.

 

Additional Information

The usage of the form API as well as the procedure when programming a form is described step by step in the Example of the Use of an Interactive Form. You can find a description of the individual form elements provided by SAP in the Adobe Library, which is a part of the Reference Guide for the Java Web Dynpro user interface elements.