Skip to Content
Author's profile photo Prajesh Desai

Adobe form using javascirpt

I searched a lot, and do a lots of R&D on this. By this document i want to save your time to write javascript syntax.

Retrieve context structure data

var LV_DATA = xfa.resolveNode("$record.IM_TEST.FIELDNAME").value;

/*
Where,
LV_DATA : variable to hold data
IM_TEST  : context structure variable (Import parameter variable)
FIELDNAME : name of field in structure
*/

Retrieve context internal table data

var LV_DATA = xfa.resolveNode("$record.IM_TEST.DATA[" + INDX + "].FIELDNAME").value;

/*
Where,
INDX : index of table record. (start from zero).
LV_DATA : variable to hold data
IM_TEST  : context table variable (Import parameter variable)
FIELDNAME : name of field in internal table
*/

OR if you are looping a table

var IMTEST = xfa.resolveNodes("$record.IM_TEST.DATA[*]");
var LV_DATA;

for (var i = 0; i < IMTEST.length; i++) {
     LV_DATA = xfa.resolveNode("$record.IM_TEST.DATA[" + i + "].FIELDNAME").value;
}

/*
Where,
INDX : index of table record. (start from zero).
LV_DATA : variable to hold data
IM_TEST  : context table variable (Import parameter variable)
FIELDNAME : name of field in internal table
*/

Retrieve control (field) data

Manipulate (reference) fields in script for adobe forms

 

Set dynamic Caption

xfa.resolveNode(this.name + ".caption.value.#text").value = "new caption";

/*
Where,
this.name = name of a field.     "use on initialize event
*/

Set dynamic reserve space of Caption

this.caption.reserve = "1in";

//use on initialize event

Hide/Visible dynamically any control

this.presence = "hidden";     //values are case sensitive

//Options: visible, invisible, hidden, inactive

Get/Set form fields value

this.rawValue = "new value";     //SET

var value = this.rawValue;       //GET

Get current index

var INDX = this.index;

var PRNTINDX = this.parent.index;     //to get parent container index

var PRNNTINDX = this.parent.parent.index;     //to get parent container's parent index

Useful Arithmetic Operators

var y = 5;

x = ++y;          //x = 6 and y = 6

x = y++;          //x = 5 and y = 6

x = y % 2;       //division remainder x = 1

Set floating points of field

this.rawValue = (this.rawValue).toFixed(3);

//Note: 3 is total no. of fraction point to display using ceiling operation

Useful Math functions

this.rawValue = Math.abs(this.rawValue);          //to positive value (-1.1 to 1.1)

this.rawValue = Math.ceil(this.rawValue);          //to rounded upwards to the nearest integer (1.1 to 2)

this.rawValue = Math.floor(this.rawValue);        //to rounded downwards to the nearest integer (1.1 to 1)

this.rawValue = Math.round(this.rawValue);      //to the nearest integer (1.1 to 1 and 1.5 to 2)

Use Regular Expression

var reg = new RegExp(/[^0-9]/);

if (reg.test("Abcd")){
     //expression passed
}

Set focus on filed

xfa.host.setFocus(this);

Populate Alert Message Box

xfa.host.messageBox("Helloo");

Set ToolTip of control

this.assist.toolTip.value = "toolTip text";

Set height of Sub-Form

var b = parseFloat(sfrmName.h) + 5;    
if (b < 0) {
     b = 0;
}
sfrmName.h = b + "mm";

 

Date and Time format handling

if you are using text field, write use below java script

var curDate = new Date();
var strDate = util.printd("mm/dd/yyyy HH:MM:ss", curDate);

 

if you are using DateTime adobe field you can directly give pattern to field.

Select DateTime Filed –> Go to property window –> click on Pattern button –> Select accordingly

Note:

mmmm Month Name HH 24 hour time, leading 0
mmm Abbreviated Month Name H 24 hour time
mm Numeric Month, leading 0 hh 12 hour time, leading 0
m Numeric Month h 12 hour time
dddd Day of Week Name MM Minutes, leading 0
ddd Abbreviated Day Name M Minutes
dd Day of Month, leading 0 ss Seconds, leading 0
d Day of Month s Seconds
yyyy Year, 4 digits tt am/pm indication
yy Year, 2 digits t am/pm, single character(a/p)

Play with Uppercase and Lowercase

this.rawValue = this.rawValue.toUpperCase();     "on initialize event convert to uppercase

this.rawValue = this.rawValue.toLowerCase();     "on initialize event convert to lowercase

//Using Interactive Scenario (Automatic live case conversion)

xfa.event.change = xfa.event.change.toUpperCase();     "on change event convert to uppercase

xfa.event.change = xfa.event.change.toLowerCase();     "on change event convert to lowercase

Boolean function

var check = Boolean(10 > 9);     "returns True
var check = (10 > 9);                  "returns True
var check = 10 > 9;                    "returns True

Font customization (control/caption)

this.font.typeface = "Courier";        //font family (font name)
this.font.size = "30pt";                    //font size
this.font.weight = "bold";                //font weight (bold | normal)
this.font.posture = "italic";              //font style (italic | normal)
this.fontColor = "0,0,0";                  //font color (RR,GG,BB)
this.fillColor = "153,153,153";         //control background color (RR,GG,BB)
this.font.baselineShift = "10px";      //shift font up/down (10/-10)

//for caption you can you below,
this.caption.font.fill.color.value = "255,255,255";

//most other properties are same, ex this.caption.font.*

 

Cancel Printing

data::prePrint - (JavaScript, client)
xfa.event.cancelAction = 1;

HTML Rich Text Rendering

var envelope = "<?xml version='1.0' encoding='UTF-8'?>" +
  "<exData contentType='text/html' xmlns='http://www.xfa.org/schema/xfa-template/2.8/'" +
  "><body xmlns='http://www.w3.org/1999/xhtml' xmlns:xfa='http://www.xfa.org/schema/xfa-data/1.0/' " +
  "xfa:APIVersion='Acroform:2.7.0.0' xfa:spec='2.1'>" +
  "<p>"+ this.rawValue +"</p></body></exData>";

this.value.exData.loadXML(envelope,1,1);

//Note: use on docClose event and load pdf dynamically.

Loop through all controls (fields) in adobe forms

Loop through all controls (fields) in adobe forms

A lot more to explore, will share with you soon.

Best Regards.

Prajesh Desai

Assigned Tags

      19 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Quite helpful for beginners

      Author's profile photo Petr Sourek
      Petr Sourek

      Not only for beginners, since I have returned after 2 years to the form scripting, this is helpful for me to get correct syntax, thank you Prajesh *THUMBS UP*

      Author's profile photo Prajesh Desai
      Prajesh Desai
      Blog Post Author

      Yahhh Petr, Thanks..

      Author's profile photo Valerie Lee
      Valerie Lee

      Great resource for beginner.

      What about change Money symbol based on currency?  I used pattern but always print as $ even in Yens.  The format for yens is correct (No decimals), but the money symbol is '$'.  I resolved this by using text field and write to the text field, but I am curious to see if we can use pattern for multiple currency with the Monetary symbol before the Amount.

      Another challenges for beginner like me is I need to switch tray to print on different color paper.  I have 5 Master Page and for the first Master page it have to be in Blue color and the rest will be on white color.  How do you write script to switch print tray?

      Thanks,

      Author's profile photo Prajesh Desai
      Prajesh Desai
      Blog Post Author

      Check this document: Dynamic Currency Symbol With Patterns for Adobe Forms

      Will try for tray settings.

      Author's profile photo Valerie Lee
      Valerie Lee

      Hi Prajesh,

      Thank you for taking time to post the page on dynamic currency.  This help me a lot.  Can't wait for tray setting sample. 

      Author's profile photo Pradeep Ganesh Sampath
      Pradeep Ganesh Sampath

      Hi Prajesh,

      This document looks very helpful. I really appreciate your effort.

      After a long time, i am currently working on adobe form using some javascript coding(Ain't much familiar with Java script). I have a table with 6 columns. Based on one column(Status Field), I would like to fill some colors in background for another column. I tried applying your snippet in initialize event. Unsuccessful. Could you help me on this.

      Below are code

      data.Page3.Policy.LT_ELEMENT[0].DATA::ready:form - (JavaScript, client)

      var numrows = xfa.resolveNodes("data.Page3.Policy.LT_ELEMENT[0].DATA[*]");

      var rowFillColor;

      var lv_status;

      for (var i=0; i<numrows; i++)

      {

      lv_status = xfa.resolveNode("data.Page3.Policy.LT_ELEMENT[0].DATA["+i+"].STATUS_1").rawValue;

      if (lv_status == "Completed")

      {

      rowFillColor =  "153,153,153";

      xfa.resolveNode("data.Page3.Policy.LT_ELEMENT[0].DATA["+i+"].ELEMENT_1").this.fillColor = rowFillColor;

      }

      else if (lv_status == "In Process")

      {

      rowFillColor =  "231,254,254";

      xfa.resolveNode("data.Page3.Policy.LT_ELEMENT[0].DATA["+i+"].ELEMENT_1").this.fillColor = rowFillColor;

      }

      }

      Here, based on STATUS_1 value, we have color the ELEMENT_1 column .

      Author's profile photo Bruno Moreira
      Bruno Moreira

      Hello Prajesh,

      i just came here to say very thank to you...your post helped me a lot.

      Bruno!

      Author's profile photo Prajesh Desai
      Prajesh Desai
      Blog Post Author

      Happy to see helpful to you. 🙂

      Author's profile photo Maftun Ahmed Khan
      Maftun Ahmed Khan

      Hi expert,

       

      Please help me out, what is "xfa" in your syntax??

      my interface structure name is "DATA". and I want on one of the fields of "DATA" structure which is "Flag", I want subform to get hide or show. (When its value 'X' then visible else visa verse.

      Will anyone suggest?

      Author's profile photo Prajesh Desai
      Prajesh Desai
      Blog Post Author

      The xfa object is the root node for the xfa model where your interface data are stored.

      Have a look at this,

      So in above example if i want to refer 1st row from table IST_CHAR20,

      var LV_DATA = xfa.resolveNode("$record.IST_CHAR20.DATA[1].ITEM").value;

       

      Hope this helps.

       

      Author's profile photo Maftun Ahmed Khan
      Maftun Ahmed Khan

      Thanks, Prajesh (Y).

      Author's profile photo Karthikeyan Chandrasekaran
      Karthikeyan Chandrasekaran

      Prajesh, I am having a ZCI layout where i need to display some words in a sentence in bold. It works perfectly fine for normal layout. But in ZCI it dosent render the tags properly. Any help ?

      Author's profile photo Krishna L
      Krishna L

      Thank you so much sir , Your  post helped me a lot.

      Author's profile photo Prajesh Desai
      Prajesh Desai
      Blog Post Author

      Happy to see helpful to you. ?

      Author's profile photo seokyeon Hong
      seokyeon Hong

      Hi, Prajesh.

      I am a new adobe and i am only person that working adobe in a project.

      I have made invoice and invoice can be multiple. So I have made Key Table and loop it for data.

      i am wondering how to count page dynamically whenever key is changed.

      ex) first invoice overflowed.. so page 1 of 2 .. page 2 of 2.

      second invoice overflowed.. so page 1 of 3 .. page 2 of 3. .. page 3 of 3.

      .

      .

      .

      please help me out

      Author's profile photo Paul McFarling
      Paul McFarling

      Saved my life. Thanks!

      Author's profile photo kiran pulipaka
      kiran pulipaka

      Hi Prajesh,

      I am trying to increase the size of a field in the table but it is not increasing . Please help!

      data.#subform[0].#subform[3].Table6[0].Row1.Cell4::initialize - (JavaScript, client)

      this.cell4.font.weight ="bold";
      this.cell4.font.size ="8pt";

      Kiran pulipaka

      9347668988

      Author's profile photo Krittin Angchunt
      Krittin Angchunt

      Hi Expert,

      I don't know why 'undefined' occur in the below picture.

      Kindly help or suggest me.

       

      Thank,

      Mimi