SAP Adobe Interactive Form Tutorial. Part III. Date Time and Floating Fields

Step by Step Tutorial on SAP Interactive Form
Share on Facebook22Share on LinkedIn6Tweet about this on TwitterShare on Google+0
Please Share!!

Contributed by: Ram Daruru, Cibersites India Pvt Ltd., Bengaluru, India

In Part I and Part II of our Adobe Form Tutorial Series, we played with simple layout and tables respectively. Date, Time and some system fields along with Floating Fields (dynamic / changing) are some variables, which we will need in every other Interactive Adobe implementation. It is a simple concept but unless someone tells us for the first time, it is still a secret. So, let us start our short journey on this untrodden path (till now in SAPYard). 🙂

Transaction Code: SFP. Hope by now you have embraced this t-code just like SAPScript and Smartforms ( and can recollect it even in your dreams). 🙂

Create the Interface (Interface is mandatory for Adobe form). Although the tutorial says, SAP Adobe Forms, but Interface is the vertebrae of any Interactive Adobe. 😛

Step by Step Tutorial on SAP Adobe Form

Enter the short description and Save.

step by step tutorial on Adobe

Enter the Package name and Save.

Interactive Adobe Form Tutorial

Let us add our own custom Parameter Name. Select the Import option under Form Interface (left side) and press the Create button (right side) to add an Importing Parameter.

Working with date

NAME is of type NAME1 (Data Element). Save, Check, Activate the Interface.

Go to back SFP Transaction main screen. Now is the time to create the Form.

Difference between Smart Form and Adobe

Hit Create and provide the short description and Interface name which you have created above.

Enter the Package name and Save.

Drag NAME from Interface to the Context area. Hope you remember, we explained the term Context in previous posts. Simply remember it as the Global/Top Include whose variables are visible/available to the whole application. If we want to show some fields in the Adobe from the Interface, then the field has to be there in the Context area.

CONTEXT in SAP Forms

Drag and drop the DATE and TIME fields to Context. These are system generated variables.

Now it is time to play in our Layout Area. You can design your layout as beautifully as possible and as complex you want. But for our learning, we will Keep It Simple and Sweet(KISS). 🙂

i. A practical example of “How to use a Floating Field in Adobe?”.

Go to Layout

Insert a Standard text field.

Expand/Stretch (as you do in ms paint) the text field boundaries so that you can write a sentence in it.

Enter the below text or any line you want. But choose one word which you want to keep as floating field. Floating means, it can be printed anything as per the binding. It depends on the runtime value of the bound variable.

My name is NAME, I am SAP Technical consultant. Thank you SAP Yard.

For our example, we want NAME to be dynamic. Select the text (NAME), Right-click on it and choose it as Floating Field. The word NAME changes to {TextField}.

Do I need to tell you that if you see anything in curly braces in Adobe Form, they are Floating Field? 😛

Bind the floating field with NAME field which we dragged to the Context area.

The Field {Text Field} will have dynamic length (maximum up to bound NAME field from context). It would expand and condense in size according to your input. Name “Ram” is only 3 character, but name “Wolfeschlegelsteinhausenbergerdorff” has more than 30 characters, but your {TextField} would still accept it. After all, that is the use of a Floating Field.

ii. How to work with Date and Time in Adobe?

Go to Data view:

Date and Time

Drag and Drop Date and Time fields to Layout.


Also Read: What’s there in the Date?
—————————————————————————————–
Ram’s Tip 1: Choosing the right Date/Time Pattern (format).

Select the Date Field and Press on Patterns.

Patterns in SAP Adobe

You can change the date format, By Selecting the Date Pattern under the select type.

Format date and time

You can select the pattern based on country, under Locale, by selecting the required country.

We can also format the Time using the same steps mentioned above for the Date field.

Ram’s Tip 2: Know the standard system fields in Adobe.

In Adobe Forms, the below are the system fields available.

—————————————————————————————–

Check, Save and Activate.

Stand Alone Test of Adobe Form in T-code SFP:

Press F8 or hit the execute button on the top of your Adobe Form. Pass your value to NAME Field.

Press F8 (Execute). Give you local printer name and hit Print Preview

You will get your Date, Time and Floater Fields (dynamic runtime value) printed. 🙂

Let us call the Form from our Driver Program.

Do we need to show the output again? Trust us, it would be exactly as above in the stand alone test. 😛

Hopefully, by now, you know how to write a driver program to call your Adobe form. Do you still need it? OK. Check the working driver program below.  Make sure to handle the exceptions properly. 🙂

This post might look simple but believe us, if there is no one to guide you in your team, even finding the Floating Field option in Adobe might kill some time. Forget about how to format the date and time as per the end user’s preference. Someone has to tell you for the first time and then you do it by your own.

As we keep saying, we cannot learn to swim unless we wade through the water. So try practicing the exercises in your system and I am sure you will have no issue. This should not take more that 7 minutes of your day. If any issue just shoot an email to mailsapyard@gmail.com or leave your questions in the comment section and you will definitely have a quick response.

Next Part IV: How to Hide and Display Fields using Javascript in SAP Adobe Form

If you want to get such useful articles directly to your inbox, please SUBSCRIBE. We respect your privacy and take protecting it seriously.

If you liked this post, please hit the share buttons and like us on facebook.

Do you have anything to add to this article? Have you faced any issue using Adobe Forms? Do you want to share any real project requirement or solutions? Please do not hold back. Please leave your thoughts in the comment section.

Thank you very much for your time!!

Useful Tutorials in SAPYard

1. ABAP for SAP HANA Tutorials
2. ABAP Web Dynpro Tutorials
3. GOS Tutorial
4. OOPs ABAP Tutorial
5. HANA Tutorial
6. SAP Netweaver and OData Tutorial
7. SAP Adobe Form Tutorial
8. SAP Fiori Tutorial
9. SAPUI5 Tutorial

Call for Guest Authors and Contributors to write SAP Articles on our page and get noticed and also receive cool Gifts.

Do you have any tips or tricks to share? Do you want to write some articles at SAPYard? Please REGISTER and start posting and sharing your knowledge to the SAP world and get connected to your readers. Please check our simple guidelines for contributing your articles and receiving the gifts.

About the author: Ram Daruru
Ram is a senior SAP Technical Consultant. He has more than 6 years of experience in SAP ABAP. He is also trained in SAP PI. Ram provides training in the area of SAP ABAP in various institutes in Bangalore and also takes Online sessions.

In his leisure, Ram likes to play billiards, play and follow cricket. He is also a vivid reader.

Find more about Ram Daruru at LinkedIn.

Share on Facebook22Share on LinkedIn6Tweet about this on TwitterShare on Google+0
Please Share!!

About the Author

Ram Daruru
Ram Daruru
Ram is a senior SAP Technical Consultant. He has more than 6 years of experience in SAP ABAP. He is also trained in SAP HANA. Ram provides training in the area of SAP ABAP in various institutes in Bangalore and also takes Online sessions. In his leisure, Ram likes to play billiards, play and follow cricket. He is also a vivid reader. Find more about him on LinkedIn.

6 Comments on "SAP Adobe Interactive Form Tutorial. Part III. Date Time and Floating Fields"

  1. Amutha Vasudevan | September 27, 2017 at 4:31 am | Reply

    thanks for article. but i am getting activation error on activate the form. Please give me the solution.

  2. Thanks for sharing this information on Floating fields Ram.
    Have an query on whether we can have an editable floating field too similarly with a ToolTip for the user.

  3. Dear Venky, Thank you very much!!

  4. super cool article. Please continue the best work. I hope very soon I can add Adobe forms skillset to my CV

    • Dear Venky – Thank you so much for your positive words. We are glad, you like this Adobe Form Tutorial series.

      Our author, Ram, who is the Subject Matter Expert in Adobe Form, has been trying to put all practical points in SAP Adobe which all developers need. Thanks to Ram.

      Please follow all the posts and practice them in your system, you can surely add Adobe Form skill in your resume. Just be with us, our series would be gradual but effect.

      Regards,
      Team SAPYard.

Leave a comment

Your email address will not be published.


*