Survey Component: URL

Survey Component: URL

Overview

The URL component is used to display a web page inside a panel.

Configuration Options

Component Type Displays the type of this component.
Label Enter the text to be displayed for the field.
Label Alignment Select the option to left, centre or right justify all the actions inside the panel.
Lable Font Size Set the size of the label.
Description Enter the description to be displayed for the field.
Description Alignment Select the option to left, centre or right justify all the actions inside the panel.
Description Font Size Set the size of the description.
Assistance Enter the text to be displayed as a help.
Tab Label Enter the name to be displayed for this panel in the Tabs view. (Recommended)
Panel Alignment Select the option to left, centre or right justify all the actions inside the panel.
Vertical Alignment Select Full or Fit content from the dropdown.
Direction Select Column or Row from the dropdown.

  • Column Is the default setting and will display the all the components in the panel top to bottom.)
  • Row Will display the all the components in the panel side by side.

URL Specify the URL to be displayed. URL must be a secure web page that uses https://
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.
Use Reverse Proxy Toggle to the ‘On’ position if reverse proxy is required for this site.
Properties Click on the ‘+’ to add to the list of properties to pass to the URL.

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

Click Here to Download Linked File

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.