Survey Component: Text

Configuration Options

Component Type Displays the type of this component.
Text Enter the text to be displayed for the field.
Report Label Enter the text to be displayed as the title when running the survey reports.
Font Size Set the size of the label.
Assistance Enter the text to be displayed as a help.
Width Sets the width of all components in the panel. This value can be entered as a % or in pixels (px)

• Example: Width can be entered as 50% or as 450px.

Margin Sets the margins around the inside of the component. The margin can be broken down into 4 sections separated by a space. Each section can be entered as a % or in pixels (px). The 4 sections are the margins for: Top, Right, Bottom, Left.

• Example: The margin can be entered as 5% 5% 5% 5% or as 10px 10px 10px 10px.

Text Alignment Select the option to left, centre or right justify all the actions inside the panel.
Conditions If the condition returns true, then the component will be visible to the user. If condition returns false, then the component will be hidden to the user. If there is no condition specified, the component will always be displayed.

Save Select save to save the changes made and continue editing.
Save & Close Select save & close to save the changes made and close the survey.
Close Select close to cancel the changes made and close the survey.

When selecting a component that has been placed in a panel, there are 3 icons in the top right corner:

1. Copy The icon on the left will duplicate the component.
2. Move The icon in the middle, picture of a hand, allows you to dragging and drop the component to a different location in the survey.

• Note Drag the component over the component that you wish it to be under.
• You will notice as you hover over existing component that they will have a red border. When you release the button on the mouse your component will be placed right below the one with the red border.

3. Delete The icon on the right, picture of a garbage can, will delete the component from the panel.

An example of using a variable:

When using variables inside a Text component, they will always start with $ and the variable name will be enclosed in { }.
The following would be entered in the ‘Label’ field of the Text component to display the first name of the agent in an opening script:

Thank you for calling, my name is ${agentInformation.firstName} how may I help you today?

agentInformation.firstName: Is a system variable that contains the first name of the agent.

An example of how to configure a condition:

In the following example, we will use a Input component that has the question: ‘May I ask you a few questions?’
For this example, the field name for this Input component is: agreement

Following the Input component, we will place a Text component that displays: ‘Thank you for your time, have a nice day.’ if the user types ‘No’ in the Input component.

The Condition that will be set in the Text component would be as follow:

surveyInformation.agreement.value == ‘No’

• Note: All variables in the system are case sensitive.

Variable in a survey are broken out in 3 parts:

• surveyInformation (Only the ‘I’ in the word information is uppercase)
• FieldName: In this example the FieldName is agreement
• value
• The different parts of the variables are separated by a dot (.)

‍

‍

‍

‍