Change the Description of the field according to your wish i.e. Drag the INPUT_NO and drop it in the Design View. Here you can see the DATA View on the left side with your CONTEXT automatically. (if it does not start just double click on the INTERACTIVE_FORM in your layout). Select your ADOBE_DATA node and press ENTER. (Note: you can create your own data for the interface but it is good to create it from our WEBDYNPRO CONTEXT as it will make your work easy) Give name as ZT_RAJ_INTERACTIVE_INTERFACE and click on the button CONTEXT. It will ask you the INTERFACE name for it.
Here we have use name as ZT_RAJ_INTERACTIVE_FORM. Select it’s Property template Source and Enter any name for your ADOBE FORM. It requires to make the ADOBE Forms interactive. Select the ADOBE_DATA Node and select ENTER Button.Īlso Check the enabled check Box for it. Select the Property “DATA Source” and click it’s right side button to give the data source for our form. To do this we need to bind this with OUTPUT_NO of our MAIN view’s context.ĭouble click on the DISPLAY_NO UI element and click on the Binding Property of it. This DISPLAY_NO will be used to display the Number which you enter inside the Form. Right click on the ROOTUIELEMENTCONTAINER and Inert Element named Display_no which is of type INPUTFIELD. Right click on the Tray you have created and Insert an Element Called INTERACTIVEFORM. Go to Layout and Right click on the ROOTUIELEMENTCONTAINER and add an element TRAY_FORM of type tray.ĭouble click on the CAPTION and give some Sweet Text like “Interactive Forms ” which you want to Display as a header on Tray. This will help to pass that data through different views) (Note : it is good programming habit to declare the DATA ( NODE ) in component controller and drag it to the respective VIEW. Drag the ADOBE_DATA from the COMPONENTCONTROLLER to the CONTEXT of your MAIN View. Go to the MAIN view (Double click on the MAIN view ). Same way create one more attribute in the same node ADOBE_DATA as OUTPUT_NO of type NUMC10. Right click on the Node ADOBE_DATA and create an attribute named INPUT_NO which is of type NUMC10. Give the name as ADOBE_DATA, As shown in the below screen Shot. Right click on the CONTEXT and create a Node. Name it as ZT_RAJ_INTERACTIVE ( Note : Better you use your Girl Friend/ Boy Friend’s name to impress !!!! )ĭouble click on the COMPONENTCONTROLLER and go to the Context of it. Go to Transaction SE80 and create a Webdynpro for ABAP Application.
#Get web dynpro how to#
This article will cover the small tutorial about how to make a WebDynpro for ABAP Application with interactive adobe forms. These points are enough to make your customer ready to implement Adobe forms in his SAP Systems or Migrate all the SAP Scripts and smart Forms into Adobe Forms (I know many of the Developer will not likes this who are Genius in SAP Script / Smart Forms ).