Survey Component: Chat Panel

Created:

Sep 24, 2020

Updated:

October 30, 2020



Overview

The Chat Panel component is the panel used for the customer to enter/read the messages when chatting with an agent.

The Chat Panel is placed inside a Panel and usually preceded by a Waiting Panel

‍

Configuration Options

Component Type Displays the type of this component.
Vertical Alignment Select Full or Fit Content fro the dropdown.
Width Sets the width of the component. 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.

On Terminate Select either ‘Move to Panel’ or ‘Message’ from the dropdown list when the agent or the customer terminates the chat.

Message Enter a message to be displayed when the agent or the customer terminates the chat.
End Panel Select the panel from the dropdown list to move to when the agent or the customer terminates the chat.

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.

‍

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.