How do I dynamically populate an element (Dynamic Values)?

iFormBuilder Smart Controls

What's covered:

What are Dynamic Values?
How do Dynamic Values apply in a real-world scenario?
How do I add Dynamic Values to an element?

What are Dynamic Values?

Using valid Javascript, you can dynamically populate fields on your form. These are called Dynamic Values.

How does this apply to a real-world scenario?

Real-world scenarios are important since, well, that's where you'll be using them. So say you have three different number elements on your form, and in a fourth element, you want to add the previous three together. You can use Dynamic Values to add those fields together and populate the fourth element with that total.

How do I add dynamic values to an element?

To add a dynamic value to an element on your form, please follow the instructions below.

PLEASE NOTE: The below example is just a simple scenario where we add a few fields together. Dynamic Values can be as complex or simple as you need them to be. If you're looking to learn more Javascript, w3schools.com is a great place to learn.

STEP 1. With your form loaded in the Form Builder, highlight the first element that will be used in your calculation, and scroll down to the Smart Controls section.

STEP 2. In the Dynamic Value field, place the following:

number_1=0

In this example the data column name of our element is number_1. Setting it to 0 ensures that element will reset the value with each new record created.

STEP 3. Repeat Step 2 for each of the elements used in the calculation. Failure to do so will cause the calculation to fail. Be sure to change the data column name in each Dynamic Value to match the data column name of the element you currently have highlighted.

STEP 4. In the Dynamic Value of the element that will be performing the calculation, put the following:

number_1+number_2+number_3

This is telling the element to add up the previous three elements.