Survey Component: Separator

‍

Configuration Options

Component Type: Displays the type of this component.
Label: Enter the text to be displayed for the field.
Font Size: Set the size of the label.

Orientation: Select to display the list of separator line horizontally or vertically from the dropdown list.

Height:

When setting the orientation to vertical:

• Specifies the height for the separating line.

When setting the orientation to horizontal:

• Sets the height of the component in the panel.

This value can be entered as a % or in pixels (px).

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

Width:

When setting the orientation to horizontal:

• Specifies the width for the separating line.

When setting the orientation to vertical:

• Sets the width of the component 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.

Field Name: Assign the name of the field to be given to this component. This value can be used in setting conditions in other components.

Condition: 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:

• Copy: The icon on the left will duplicate the component.
• 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.
• Delete: The icon on the right, picture of a garbage can, will delete the component from the panel.

‍