Blog Elements

Half Sized Blog Element (Single Author Style)

Half Sized Blog Element (Multi Author Style)

Knowledge Base, PowerForms HTML, Scripting

Handling the AttachmentsLoaded event

The “form” object available from script, exposes a specific event that is raised after the item attachments are loaded. The event is called “AttachmentsLoaded” and provide a list of the available item attachments. For each attachment, the “Filename” and “FullPath” properties provide access to file attributes. Example: For the following example, we will handle the […]

August 13, 2017/by Konstantinos

Knowledge Base, PowerForms HTML, Scripting

Include custom javascript in the form

Sometimes we need to have a common function that must be called from several controls. For this purpose there is a new category in the scripts section called ‘Includes’. In this section you can write either javascripts that will be added in the form or change the default styles (CSS) with your desired style (See […]

August 13, 2017/by Konstantinos

Knowledge Base, PowerForms HTML, Scripting

Handling the AttachmentsLoaded event

August 13, 2017/by Konstantinos

Knowledge Base, PowerForms HTML, Scripting

Include custom javascript in the form

August 13, 2017/by Konstantinos

Handling the AttachmentsLoaded event

The “form” object available from script, exposes a specific event that is raised after the item attachments are loaded.

The event is called “AttachmentsLoaded” and provide a list of the available item attachments. For each attachment, the “Filename” and “FullPath” properties provide access to file attributes.

Example:

For the following example, we will handle the event, select all the images from the available attachments and display thumbnails inside our form.

First place a label on the form named “c_Thumbs“.

Next, inside the designer, go to the Options > Scripting > LoadCompleted script and add something like the following :

Code

form.AttachmentsLoaded.AddHandler(function(files) {
var s = “”;

// get a reference to the label control
var c = form.GetControl(“c_Thumbs”);
for (var i=0;i<files.length;i++) {
var name = files[i].FullPath;

// filter results by suffix (images only)
var suf = name.substring(name.length – 3, name.length).toLowerCase();
if (suf == “png” || suf == “gif” || suf == “jpg” || suf == “bmp”)
s = s + “<span style=’padding:10px’><a href='” + files[i].FullPath + “‘ target=’_blank’ style=”><img src='” + files[i].FullPath + “‘ width=’32’ height=’32’ style=’border:0px’ /></a></span>”
}
c.SetValue(s);
});

Here is the final result :

August 13, 2017/by Konstantinos

Include custom javascript in the form

We have 3 controls a Number, a choice and a boolean (Yes/No) and their values affect the final result.

The first field is the Initial Amount(number), the second multiplies the initial amount and the third decides to double or not the final amount.First we create these 3 controls.

In the ‘Includes’ script section we must declare a function that calculates the final result and will be called from all 3 controls. This function’s code is

Code

function CalculateResult(form) {

var result = 0;

var amount = form.GetControl(“c_Amount”).GetValue();

var multiply = form.GetControl(“c_FirstOperator”).GetValue();

if (multiply == “” || multiply ==”Single”)

result = 1 * parseInt(amount);

else if (multiply == “Double”)

result = 2 * parseInt(amount);

else if (multiply == “Triple”)

result = 3 * parseInt(amount);

if (form.GetControl(“c_Double”).GetValue() == “1”)
result = result * 2;

form.GetControl(“c_Result”).SetValue(result.toString());

}

</script>

Last thing to do is to go to the value change section of the 3 controls and call the above function.

The form and the calculation of the results in 3 steps (one step per control change) will be :

1.Initial Amount control

2. Multiply control

3. Double checkbox control and final result

August 13, 2017/by Konstantinos

Half Sized Blog Element (Single Author Style)

Half Sized Blog Element (Multi Author Style)

Full Sized Blog Element (Big Preview Pic)