4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

GettingStarted Newsletters

Hi,Guest

LogOn

JoinUs

Products

Services&Support

AboutSCN

Downloads

Industries

Training&Education

Partnership

DeveloperCenter

Activity

LinesofBusiness

UniversityAlliances

Events&Webinars

Innovation

Browse

StepByStepMethodToCreateAnAdobe
FormWithDynamicVariablesAlongWith
AnExternalLayout

Store

SearchtheCommunity

Communications

Actions

Version1

createdbyBinceMathewonJan27,201310:30AM,lastmodifiedbyBinceMathewonJan27,201311:50AM

Share

Tweet

Like

Hiall,
Thisdocumentisabouthowtobringdynamicvariablesintoastringinadobeformslayoutjustlikein
smartforms.Oneofthecommonpracticesinbringingdynamicvariablesintoadobeformsisusingastring
variabledeclarationintheAdobeInterfacelevelandconcatenateeachandeverysentencethatcontainsa
dynamicvariableintothestring.ThisisdoneintheCodingpartoftheInterface.Butthismethodhasmany
disadvantages,Oneofthemainproblemswiththisapproachisit'sanightmarewithadjustingthealignment
withotherfieldsorsentencesintheadobeform,alsothespacingwillnotbeproperifthelengthofthe
variablesdifferfordifferentcases.
Alsocreatingarequireddesigninadobeformisalsoverytimeconsumingsointhistutorialiwillexplain
onhowtoimportalayouttoadobeform.Althoughpredefinedtemplatesareavailableintheadobeform,itwill
notbesuitableeverytime.Andmysolutionmayormaynotapplytoyourspecificrequirementsamjust
explainingonealternativetothiscommonpractice.Insomecaseswerelyonconvertingthedesigntoan
imageandplacingitasbackgroundinAdobeForms,Butthatapproachalsohasmanydisadvantagesand
limitationsinsomecases.

Thisafulltutorialfromcreationofadobeformstoimportingthedynamicvariables.Thosewhoareinterested
onlyinthedynamicvariablepartgotostep4.

Stepbystepmethodstocreateanadobeformwithdynamicvariablesalongwithan
externallayout.

Step1.
Createaninterfacefirstfortheadobeform.

http://scn.sap.com/docs/DOC35487

1/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Declaresomeglobaldatastobeusedasdynamicvariablesintheadobeform.Inarealscenariothesevalues
willbesendtotheAdobeFormfromthedriverABAPprogramortheWebdynproapplication.Iamskipping
thatpartsinceitisalreadyexplainedinmypreviousdocumentaboutOnlineAdobeFormssection.

SincethisAdobeFormisnotcalledbyadriverprogramIamhardcodingthevaluesintothesevariables.

Saveandactivatetheadobeforminterface.

Step2
Nowcreateanadobeformlayout.

http://scn.sap.com/docs/DOC35487

2/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Draganddroptheglobalvariablesoftheinterfaceintothecontextofouradobeformlayout.

ChangetheLyoutTypeToZZCILayout.

http://scn.sap.com/docs/DOC35487

3/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Step3:

Nowimportdesignfromanexternalfile.Youneedtofirstconvertthedesignfilelike.docfileintoa.pdffile,
thisisimportantbecauseadobeformwillnotacceptanyotherformatdesign.Therearesomanythirdparty
freesoftwaresareavailabletoconvertfilestopdf,evenonlinefreepdfconvertorsareavailable.

ToimportthepdffilegotoTools>Import>Choosefile

http://scn.sap.com/docs/DOC35487

4/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

NowyoucanseetheimporteddesignlayoutintheDesignView.Allthefieldsareeditable.Nowwecanplace
ourdynamicvariablesinthelayoutwhereveritisrequired.

Step4

Nowimportthedynamicvariablesintothelayout.
Selectthetextboxyouwanttoaddthevariableorcreateanewtextwindowandplaceitwhereyouwantthe
dynamicvariable.
Ifyouwanttoaddthedynamicvariableinapositioninsideasentenceplacethecursoronthepositionofthe
sentenceandrightclick

http://scn.sap.com/docs/DOC35487

5/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Nowclickonfloatingfield

NowyoucanseeaTextfieldwithina"{}"symbolhasappeared,thisisthedynamicvariablethatwillcapture
theincomingvaluesfromthedriverprogram/Webdynpro.

Nowgotothebindingtabontherightsideofthedesignviewintheobjectpallette.Thenclickonicononthe
rightsideoftheDefaultBindingfield

http://scn.sap.com/docs/DOC35487

6/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Sincethecurrentfloatingfielddoesn'thaveanyrelationwiththeglobalvariablewhicharepassingthevalues
into.WeneedtoupdatethebindingpropertiesofthecurrentFloatingField.Soselectonthedefaultbinding
iconandselecttheglobalvariableyouwanttoplacefromthelistasshowninthebelowscreenshot.

SelectonUpdatethepropertiesandclickok.Thiswillreplacethefloatingvariablesdefaultbindingproperties
withthepropertiesofourglobalvariable.Andfromnowonthefloatingfieldwillactasacontainertodisplay
thevaluesthatwearepassingtotheglobalvariable.

Nowthenameofthefloatingvariablewillalsobereplacedbytheglobalvariablename.Thiswillhelpusin
identifyingtheseveralfloatingfieldsaccordingly.

http://scn.sap.com/docs/DOC35487

7/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

Dothesameforalltherequiredfieldswherethedynamicvaluesarerequired.

Nowsaveandactivatetheadobeform.
Step5Output
Executetheadobeform

http://scn.sap.com/docs/DOC35487

8/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

NowyoucanseethedynamicvariablescomingintheSerialnumber,VendorName,DateandTotalValue
fields.
Hopethistutorialwashelpful.

15185Views
Products:sap_interactive_forms_by_adobeTags:adobeforms,adobe_form,adobe_forms_dynamic_variable,
adobe_form_custom_layout,floating_variable,import_desing

http://scn.sap.com/docs/DOC35487

9/10

4/10/2016

StepByStepMethodToCreateAnAdobeFormWit...|SCN

AverageUserRating
(4ratings)

Share

Tweet

Like

3Comments
SiddhuRoyNov5,201310:58AM

GoodDocument..
Like(1)

praveensrivastavaApr14,20142:11PM

Nicedocument..Bince

BestRegards,
PraveenSrivastava
Like(2)

mrudulbhagwatJul1,20147:24AM

thisdocumentistooged.
ButwhatifIwanttochangebacgrunddependsoncompanycode.
Howtodothisandwheretostorealltheseimages?
Like(0)

SiteIndex
Privacy

ContactUs
TermsofUse

http://scn.sap.com/docs/DOC35487

SAPHelpPortal
LegalDisclosure

Copyright

FollowSCN

10/10