Simulations

What is a Simulation Element?

The simulation element allows learners to move from slide to slide by clicking on interactive areas on each slide, mimicking real-world systems and how learners must interact with them.

Edit General Simulation Element Settings

Open a simulation element settings window to start editing.

Setting
Description

1

Display clickable Area (preview)

Shows / hides the clickable areas.

Select an option:

  • Yes: Displays all clickable areas to the learner on all slides;

  • No: Hides all clickable areas from the learner on all slides. The areas become visible if the learner clicks outside the designated areas.

2

Navigation

Shows / hides the navigation buttons.

Select an option from the drop-down menu:

  • Left: Displays the navigation buttons at the left bottom of the slide;

  • Center: Displays the navigation buttons at the center bottom of the slide;

  • Right: Displays the navigation buttons at the right bottom of the slide;

  • Hide: Hides the navigation buttons and disables the Progress counter setting.

3

Progress counter

Shows / hides the progress counter along with the navigation buttons.

Select an option:

  • Yes: Displays the progress counter to the left from the navigation buttons;

  • No: Hides the progress counter.

The changes will be saved automatically.

Manage a Slide

Open a simulation element settings window to start editing.

Action
Description

1

Add a slide

Click the Add button.

Add a slide

a. Select a clickable area; A pop-up window will appear.

b. Click Connect to; A pop-up window will appear.

c. Click the Add slide button.

2

Change the slide order

Hold and drag the icon next to the slide name in the slides list.

3

Upload an image as a slide

a. Click the + icon; A pop-up window will appear.

b. Upload an image in the same way as for the image element.

4

Rename a slide

a. Click the + icon;

b. Enter a name at the first input field.

5

Delete a slide

Click the Delete icon.

6

Navigate between slides in the editor

Click on the arrows to go to the previous / next slide.

The changes will be saved automatically.

Manage Clickable (Connection) Area

Select a slide to start editing.

Action
Description

1

Add a clickable area on the slide

a. Hover over the slide;

b. Click and hold the cursor;

c. Drag the area.

2

Move a clickable area around the slide

a. Click and hold inside the area;

b. Drag the clickable area.

3

Resize a clickable area

a. Select a clickable area;

b. Click and hold the cursor at the area corner;

c. Drag the area border.

4

Connect a clickable area to another slide

a. Select a clickable area; A pop-up window will appear.

b. Click Connect to; A pop-up window will appear.

c. Select a slide to connect.

5

Show clickable area

Shows / hides the selected clickable area.

The option is available with the enabled Display clickable Area (preview) setting.

a. Select a clickable area; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Enable the Show clickable area toggle.

6

Enable right-click trigger

Requires the learner to right-click on an area instead of left-clicking.

a. Select a clickable area; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Enable the Right-click trigger toggle.

7

Go to the slide connected to the specific area

a. Select a clickable area; A pop-up window will appear.

b. Click the Go to the connected Slide icon.

8

Delete a clickable area

a. Select a clickable area; A pop-up window will appear.

b. Click the Delete clickable area icon.

The changes will be saved automatically.

Manage a Hint

Select a clickable area to start editing.

Action
Description

1

Add a hint

a. Select a clickable area; A pop-up window will appear.

b. Click Hint; A hint window will appear.

c. Enter the hint text. A hint icon will appear at the clickable area.

2

Set hint position

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Select a hint position.

3

Display pointer

Displays a pointer between the hint and the related area.

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Enable the Display pointer toggle.

4

Display a hint on hover

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Enable the Display a hint on hover toggle.

5

Show close button on a hint window

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click Settings; A pop-up window will appear.

c. Enable the Show close button toggle.

6

Delete a hint

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click the Delete hint icon.

The changes will be saved automatically.

Manage a Text Area

Select a slide to start editing.

Action
Description

1

Add a text area on the slide

Click the Add text area button.

2

Move a text area around the slide

a. Click and hold the drag icon;

b. Drag the text area.

3

Resize a text area

a. Select a text area;

b. Click and hold the cursor at the area corner;

c. Drag the area border.

4

Make a text area transparent

a. Select a text area; A pop-up window will appear.

b. Click Appearance; A pop-up window will appear.

c. Enable the Make transparent toggle.

5

Display a text area placeholder

a. Select a text area; A pop-up window will appear.

b. Click Appearance; A pop-up window will appear.

c. Enable the Display placeholder toggle.

6

Set required answer value logic

a. Select a text area; A pop-up window will appear.

b. Click Logic; A pop-up window will appear.

c. Select an option:

  • Any text required: Requires a learner to enter any value to the field;

  • Match specific value: Requires a learner to enter the specified value to the field.

Click + Add value button to add one or multiple required answer variations. Click the Delete icon to remove the answer variation from the list.

7

Delete a text area

a. Select a clickable area with a hint; A pop-up window will appear.

b. Click the Delete icon.

The changes will be saved automatically.

Brand a Simulation Element

Set corporate branding for a simulation element.

circle-check

Last updated