Visible property

Whether the field is visible.

Associate a formula with this property to determine if users should see a field based on information they have entered in the app, based on their email address or based on the tags you have assigned to them.

To prevent users from interacting with a field without hiding it, use the Enabled property instead.

If this property is not set, it returns FALSE.

Showing fields one at a time

Form screens with many fields can look intimidating. One way to make them look less cluttered is to divide them into several form screens, with one following the other. The NextScreenAvailable property can be used to prevent users from moving to the next screen until you have collected the information you are looking for.

Another way to make form screens look less busy is to show a field only when the preceding field has been filled out to your satisfaction. Associate a formula with the Valid property of a field to notify the user if a value is not valid and use the ValidationMessage property to provide a message informing the user how to fix the problem.

Let's say that the first field the user is expected to fill out is Field1, that the second field is Field2 and that you have associated a formula with the Valid property of Field1.

To make Field2 appear only when the user has entered a valid value in Field1, associate this formula with the Visible property of Field2:

(&& should be read as "and.")

We recommend that blank fields are considered valid. As such, you need to use the ISDEFINED function to also check that the user has entered a value.

If you have no need to determine if a field is valid, and simply want to check if the user has typed something into a field before showing the next one, you only need to use the ISDEFINED function. Associating this formula with Field2.VisibleField2,Visible makes Field2 appear once the user has entered any value in Field1:

Enabling a single choice to be made

A text drop-down field is the traditional way to enable a user to make a selection. The choices available to the user are only visible when the user is interacting with the field, meaning that the text drop-down field does not take up much space, even when there are many options.

What if you want to show all the options up front, though, without the user having to interact with the field? Switch fields, combined with toggling visibility through this property, can be used to achieve this.

Here is a sample app:

The idea is that every option is represented by a switch field, with related switch fields being part of the same form group. Initially, all switch fields are toggled to their "off" positions. Once a single switch field is toggled to its "on" position, all the other switch fields disappear. If the same switch field is toggled to its "off" position, the other switch fields appear once more.

The sample app first asks users to select their favorite color and then, once that is done, asks them to select their favorite season. The switch fields are housed in two form groups, one for colors (housing Red, Green and Blue) and one for seasons (housing Winter, Spring, Summer and Fall).

There is a hidden field in every form group that records the choice made by the user. Here's the one for colors, named FavoriteColor:

If the user has not made a selection, IF assigns a blank value to the value of FavoriteColor.

To make a switch field only appear if it has been toggled to its "on" position, or if no selection has been made, a formula must be associated with the Visible property of each and every switch field.

Here is the formula for Red.VisibleRed,Visible:

(|| should be read as "or.")

To make the form group for seasons only appear once a favorite color has been selected, associate the following formula with the Visible property of that form group:

Both form groups record the selection the user made through their labels. This is achieved by associating a formula with the Label property of each form group.

This is the formula for the Label property of the first form group:

Examples