Skip to main content

Overview

Show Panel displays instructions, media, choices, or a text input field. Configure the panel’s content, position, and navigation buttons for the current step. Connect choices and the Next button to transitions where needed. Use Hide Panel to dismiss the current panel.

Show Panel

When to Use

  • Instructions: Explain a task with text, an image or video, and optional audio.
  • Questions: Present choices that lead to different feedback steps.
  • Text entry: Ask the trainee to enter text and optionally validate its format.

Content

Use variables that you have created in the training when inserting values into the title or body.

Media

In Media Panel, choose None, Image, or Video. Select the asset and its Version, then use Show Image or Show Video to control its visibility. Audio is configured separately. Select an audio asset and version, or use Generate Audio to create narration from the panel text. Preview selected media before testing the training.

Panel Position

Use Edit in scene in Panel Position to place the panel in the 3D scene, or adjust its fields directly. The available Billboard modes are: Under Tether Line Target, optionally select a Target Object to show a line connecting the panel to that object. Under Navigation Buttons, configure Next and Back visibility and button text.
  • Next: Use Select existing transition or Create new transition to connect the button to a transition. Configure that transition’s target step, condition, and actions as needed.
  • Back: Show or hide the button and customize its text for backward navigation.
For each Choice, use Select existing transition, Navigate to another step, or Create new transition to define where the selection leads. The common Wait Until Complete setting controls whether the next action waits for Show Panel to finish executing. Use the panel’s choices and navigation transitions to handle trainee responses.

Hide Panel

Hide Panel dismisses the currently displayed panel. It has no parameters to configure. Add it to a step’s On Exit actions when the panel should be removed as the trainee leaves that step.

Example: Instructions with an Image and a Next Button

Create an Assembly Instructions step followed by an Assembly Practice step.
1

Add the instruction panel

In Assembly Instructions, add Show Panel to On Entry. Set Title to “Assembly Instructions” and Body to “Review the diagram, then select Next to begin practice.”
2

Select the image

In Media Panel, choose Image, select the assembly diagram asset and version, and enable Show Image.
3

Position the panel

Use Panel Position to place the panel where the trainee can read it. Enable Billboard and select Full if the panel should face the trainee on all axes.
4

Connect Next to practice

Under Navigation Buttons, enable Next and keep its text as “Next”. Choose Create new transition, then configure the new transition’s target as Assembly Practice.
5

Hide the instructions on exit

Add Hide Panel to the Assembly Instructions step’s On Exit actions.
The trainee sees the instructions and diagram. Selecting Next takes them to Assembly Practice and removes the instruction panel.

Example: A Question with Two Choices

In a knowledge-check step, add Show Panel with Title set to “Identify the Valve” and Body set to “Which valve controls the inlet?” Add two choices:
  • Inlet valve: Choose Navigate to another step and select the correct-answer feedback step.
  • Outlet valve: Choose Navigate to another step and select the retry feedback step.
Hide Next if the trainee must select an answer to proceed. Add Hide Panel to On Exit to remove the question when the trainee leaves the step.

Example: Validate an Equipment Serial Number

Create an equipment-verification step with Show Panel and configure:
  • Title: “Equipment Verification”
  • Body: “Enter the equipment serial number, then select Next.”
  • Enable Input Field: Checked
  • Placeholder Text: “e.g., SN-12345”
  • Validation Regex (Optional): ^SN-[0-9]{5}$
  • Next: Enabled and connected to a transition targeting the next step
This pattern requires SN- followed by five digits. Test a matching value and an invalid value to verify the validation behavior.
The input field provides text entry and validation. It does not automatically save the entered text to a custom training variable.

Best Practices

  • Keep content focused: Give each panel a clear purpose and concise instructions.
  • Check navigation: Verify that each choice and Next transition leads to the intended step.
  • Test input validation: Check valid and invalid entries on the devices used for training.
  • Check readability and placement: Preview the panel and test it on the target device, including its media and navigation controls.