Address Fields

Address fields are a collection of input boxes that are formatted to accept addresses. Address fields include input boxes for:

Field settings

To edit an address field

  1. Select the field on the canvas and all options appear in the right pane.
  2. Under Field label, enter the field label that will appear next to the field on the form. Click the Insert variables button to insert a variable into the label.
  3. Under Variable, specify a name for the field variable associated with this field. If you do not specify a variable name, Laserfiche will automatically assign the variable a name based on the field label. Learn more about variables.
  4. Under Display Options, select Required if users must fill in the each part of the address field (except the Address Line 2 input box) before submitting the form. Select Read-only if users should not be allowed to modify this field when filling out the form.

    5. Note: If a required field is hidden with a field rule, it is no longer required. A required field is required only when it appears on the form.

  5. Under Text above field and Text below field, you can enter any additional text that should appear with the field. Click the Insert Variable button to include a variable with this text.
  6. Under Address Field Options, you can set alternate labels (including the use of variables) for each of the subfields, and whether the fields are shown on the form.
  7. To configure advanced options, click the Advanced tab.
    • Under Tooltip, specify the help text that will appear when users hover over the field. Click the Insert Variables button to include a variable with this text.
    • Under CSS classes, specify one or more CSS classes to assign to this field.
  8. Your changes will be applied automatically.

Note: The labels, tooltip, text above, and text below settings support the use of simple HTML markup for formatting purposes.

  1. Select the field on the canvas and click Edit .
  2. Under Field label, enter the field label that will appear next to the field on the form. Click the Insert variables button to insert a variable into the label.
  3. Under Variable, specify a name for the field variable associated with this field. If you do not specify a variable name, Laserfiche will automatically assign the variable a name based on the field label. Learn more about variables.
  4. Under Field options, select Required if users must fill in the each part of the address field (except the Address Line 2 input box) before submitting the form. Select Read-only if users should not be allowed to modify this field when filling out the form.

    5. Note: If a required field is hidden with a field rule, it is no longer required. A required field is required only when it appears on the form.

  5. Under Text above field and Text below field, you can enter any additional text that should appear with the field. Click the Insert Variable button to include a variable with this text.
  6. To configure advanced options, click the Advanced tab.
    • In the Advanced tab under Tooltip, specify the help text that will appear when users hover over the field. Click the Insert variables button to insert a variable into the text.
    • Under CSS class, specify a CSS class to assign to this field.
  7. When you have finished editing the field settings, click Done. Your changes will be saved automatically.

Modifying an address field's input box labels.

You may want to change the labels associated with an address field. For example, you might want to hide the "Country" input box or change "City" to "Pais." These changes go beyond what is possible from the field's settings on the Edit page but are easily accomplished with JavaScript on the CSS and JavaScript page.

Address field selectors

Each of the fields within an address field has a CSS class you can use to select it.

  • To target Street Address, use .Address1
  • To target Address Line 2, use .Address2
  • To target City, use .City
  • To target State / Providence / Region, use .State
  • To target Postal / Zip, use .Postal
  • To target Country, use .Country

Hiding one of the address field input boxes.

If you do not want to display the Country input box for an address field, you can hide it using JavaScript. Insert the following code into the JavaScript section of the CSS and JavaScript page.

$(document).ready (function () {
$(".Country").parent().children().css('display', 'none');
})

Be sure to replace the selector (i.e., .Country) in the code with one that matches your address field.

Changing the label of an address field input box.

You can change the labels for each input box within an address field. For example, to change State / Province / Region to State, you'd insert the following code into the JavaScript section of the CSS and JavaScript page.

$(document).ready (function () {
$(".State").siblings().text('State');
})