Start typing a place and pick one of the auto-complete options. Optionally show as two places (From/To).
Note that the auto-complete will return placeholder text in the builder and real suggestions on the live calculator on your website.
Is this question required? If so, the form can't be submitted if it's empty.
The title of the question. You can show the value of other questions by writing {{QA}}, {{QB}}, etc
A description text that goes after the question.
The placeholder text is shown inside the input field, when it is empty.
Enter an origin location address (Street, City, Country). Then you can calculate the distance from the Origin Location to the Place that will be typed in the field.
Enter multiple origin addresses separated by semicolon ";". For example: "Paris, France; Berlin, Germany; Rome, Italy". Then when you use the @PlaceField in a formula, the distance to the closest origin location will be returned.
Use ORIGIN( @PlaceField ) to return the textual name of the origin (for example "Paris, France") and ORIGININDEX( @PlaceField ) to return the index of the closest origin, for multiple origins (so 1, 2, 3 etc depending on which origin is closest)
A question mark will show after the question with a tooltip text that you can set here.
Hide the question title.
Show From/To Place inputs.
Set the visibility based on a formula called the Visibility Formula. If the Visibility Formula result is true, the question will be shown in the calculator, otherwise it will be hidden. This allows you to show the question only in certain conditions, for example when another question has a certain value.
All fields have the value zero when hidden, except for formulas, which keep the same value whether hidden or not.
Tick this box to set a custom value when hidden, or to keep the same value when hidden as when visible.
Most of the style settings are self-explanatory, but here are a few tips and tricks:
You can set the Question Text Color, Background Color, Help Text color, by using the color picker.
The colors use the Hexadecimal code.
If you want to reset a color just delete the value.
Tip: you can set a color to transparent by typing "transparent" in the color box.
You can set a width for the field (Full width, One half, One third or One fourth). This allows for multiple Questions to sit side by side. Note that on small screen sizes the questions will be reset to full width for usability purposes.
Set how the Question content is align. Inline will set the question title and the content on the same line.
The "Inline Position" setting helps position the Title and the Content:
The result of this formula will be added as an attribute to the ".ic-question" parent element of the field/question.
The attribute is called "formula-attribute", and you can then use it in CSS code to change the way the question looks based on the formula. For example, you could change the background color of the field/question based on a formula.
For example you could have the "CSS Attribute Formula" be:
Useful for custom CSS/Javascript code. This allows you to change how this particular question looks or works using custom coding.
When referenced in formulas like @PlaceField, the value returned will be the distance in kilometers between:
- The origin location (if set) and the selected place
or
- The From/To places
If you need the distance in miles go to Settings / Config / Localization and set "Calculate distances in" to "Imperial System"
To calculate the duration between two places or between the place and it's Origin Location use the DURATION function like this:
DURATION(@PlaceField). This will return the duration it takes to drive from place a to place b, in minutes.
You can use
DISTANCE_FROM_ORIGIN(@PlaceField)
DISTANCE_TO_ORIGIN(@PlaceField)
DURATION_FROM_ORIGIN(@PlaceField)
DURATION_TO_ORIGIN(@PlaceField)
to calculate the distance / duration between the From and To places and the origin, when using 2 places and an origin.
