Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Learn how to Create, Manage and Edit dialogs that can be integrated with event triggers.

Scroll indexterm
titleDialog Editor
primaryDialog Editor

Dialogs can be used to create custom UI elements, Surveys, and Informational prompts for both desktop and VR environments. Additionally, information collected by these dialogs can be organized into a report. To create a dialog, Select the Dialog Editor option of the Editor dropdown menu in the Event Trigger Menu. Newly created dialogs are opened in the Dialog Editor.

Image ModifiedImage Modified

Once created dialogs appear in the Trigger list. When these entries are selected the Dialog Editor is opened. There are two global settings in the Dialog Editor.

Image Modified

Opens the Color Settings menu.

Image Modified

The Colors Settings allow you to Change the Default Color Settings of Elements in the dialog.

The Background Visible checkbox toggles the visibility of the background and border

The Background Options control the opacity and color of the background.

The Border Options control the opacity, color, and thickness of the border.

Image Modified

Opens the Global Font Settings menu

Image Modified

The Global Font Settings allow you to make changes to the global font. These preferences affect newly placed elements.

Creating Dialog Elements

This section provides detailed information on the different kinds of objects that can be used in your dialogs

The Dialog Editor allows the user to create custom Dialogs. Dialogs contain Elements that interact with users in different ways. Some Elements can trigger an associated action. Elements are created by opening their associated menu from the Dialog Editor. The Create button in each menu creates the element with the specifies parameters. The Cancel button closes the associated menu without creating an element.

Image Modified

Opens the Add Text Box menu.

The Message textbox specifies text to appear in the Text Box.

Image Modified

Text Boxes are used to provide instructions, messages, or other information on a dialog. A message is required to create this element. When selected the following options appear:

Image ModifiedImage Modified

Edit text

Image Modified

Font type

Image Modified

Edit alignment

Image Modified

Font color

Image Modified

Remove element

Image Modified

Opens the Add Button menu

Image Modified

The Message textbox specifies text to appear on the Button.

Image Modified

Opens the file explorer to select a background image for the Button.

Buttons are used to trigger events when clicked or hovered over. The background color of buttons responds to these events as well. When selected the following options appear:

Image ModifiedImage Modified

Edit trigger

Image Modified

Edit text

Image Modified

Font type

Image Modified

Edit alignment

Image Modified

Open Color Settings

Image Modified

Remove element

The Edit Background Color settings menu for buttons extends the global background color options to individual buttons and includes additional options for increased customization.

The Text Color palette selects a color for text

The Hover background option selects a background color to be displayed when the button is being hovered over by the mouse

Image Modified

The Click background option selects a background color to be displayed when the button is selected

Image Modified

Opens the Add Image menu

Image Modified

The Image textbox specifies the path to the displayed image.

Image Modified

Opens the file explorer to select the displayed image.

Images are used to add visual elements to dialogs. A path to the image is required to create this element.

Image Modified

Opens the Add Circle menu

The Message textbox specifies text to appear on the Circle

Image Modified

Circles can be created with no message. When selected the following options appear.

Image ModifiedImage Modified

Edit text

Image Modified

Font type

Image Modified

Open Color Settings

Image Modified

Remove element

The Edit Background Color settings menu for circles extends the global background color options to individual circles and includes additional options for increased customization.

The Text Color palette selects a color for text

Image Modified
Image Modified

Opens the Add Slider menu

Image Modified

The Min and Max textboxes specify a range for the Slider.

Sliders can be used to change values of other data types in Triggers or as an alternative to a Button as a trigger for an event. When Selected the following options appear

Image Modified

Edit Trigger

Image Modified

Remove element

Dialog Templates

This sections describes each of the dialog templates available within the dialog editor

Image Modified

Opens the list of Available Dialog Templates. When selected dialog templates will overwrite your current dialog and apply the associated template.

Image Modified

The Basic Dialog is a simple dialog template with a title and a message this is best used for welcome messages or informational prompts.

Image Modified
Image Modified

The Multiple Selection Dialog is a dialog template with four buttons.

Image Modified
Image Modified

The Slider Dialog includes a title, message and Slider.

Image Modified
Image Modified

The Advanced multiple selection dialog includes 6 buttons that have both titles and messages for each of them.

Image Modified
Image Modified

The Circle dialog is very similar to the advanced multiple selection dialog however it has circles with numbers next to each option.

Image Modified

Editing Dialog Elements

Learn how to Edit Dialog Elements

Use the Dialog Editor to place elements on your dialog. Elements can be selected and moved around the dialog.

Handles on each corner and edge of the dialog allow you to resize the dialog.

To duplicate a Dialog Element, use the Ctrl + C hotkey.

Additional Options appear when a dialog is selected depending on the type selected.

Image Modified

When being moved dialogs snap to the edges of other dialogs.

Image Modified

Edits the Event Trigger bound to this Dialog Element

Image Modified

Changes the Alignment of the Dialog Element.

Image Modified

Changes the Color of the Dialog Element

Image Modified

Edits the text of the Dialog Element

Image Modified

Removes the Dialog Element

Image Modified

Changes the Font of the Dialog Element

Dialog Events

This section demonstrates how to create and utilize different types of Dialog Events.

Dialog Events are triggered in response to user input from custom dialogs. For all of these events you have to specify a custom dialog for the event to respond to the Custom Dialog drop down menu.

A Custom Dialog Closed event triggers associated events when the dialog menu is closed.

Image Modified

A Button Event triggers associated actions when a button is selected.

Image Modified

A Slider Event triggers associated actions when the value of the slider is changed.

Image Modified

Slider events can only Trigger Slider Actions. These actions only appear when a Slider Event is being edited.

Dialog Actions

This section demonstrates how to create and utilize different types of Dialog Actions.

A Dialog Counter Action changes a counter to the value of the slider that triggers the action

Image Modified

The Toggle Custom Dialog Action toggles the visibility of a dialog. The dialog can either be created using the Dialog Editor in the Event Trigger Menu or by using the Create button.

Image Modified

The Custom Dialog drop down menu allows the user to select which dialog is triggered.

To trigger a series of dialogs. It is best to create a trigger with a Custom Dialog Event Closed Event that is bound to each dialog in the series that triggers the next dialog to appear.

The Dialog State drop down menu specifies how the trigger effects whether the dialog is active.

The Toggle Dialog State hides an active dialog and displays an inactive dialog when the action is triggered.

The False Dialog State hides the dialog when the action is triggered.

The True Dialog State displays the dialog when the action is triggered

Dialog Report Actions

Learn how to generate a Custom Dialog Report

Dialog Actions are Actions that convert the data collected in dialogs to a format readable in an external system like a CSV or an Email.’

The Custom Dialog Report Action generates a Local CSV Report of your dialog results when triggered. There are no parameters for this action.