THIS IS AN OUTDATED VERSION OF THE WIKI. CLICK HERE TO VIEW THE NEWER ONE.

Jump to what you need or read through all of the elements. ➡️

What are Static Components?

Static components are non-interactive elements that provide content to create the context of a digital experience. They include text boxes, images, videos, popups, audio, and iframes/webpages.

https://youtu.be/JPx1BPNQ_dY?si=p7AvC0OSWO10wkXf

How to Add Static Components

  1. Make sure you are in Screen Panel view.

Untitled

  1. Click on the icon for the static component type you want to add to the screen. You can hover over the icons to see what each represents.

    Untitled

  2. The component will appear on the main canvas where you can edit it further.

    <aside> 👀 Don't forget to preview the lesson to see what your learners will see! Preview may look slightly different than what you see in the Screen View, but the preview is what it will look like for the learners.

    </aside>

How to Edit Components

  1. Select the component. A green, dashed border will appear along with a menu on top.
    1. The component menu will allow you to…
      • Edit the contents
      • Copy the component
      • Delete the component
      • Move a component above or below another (+/-).

Untitled

<aside> 👉 What’s in the component menu will vary depending on the type of component.

</aside>

  1. You can also move or resize the component:

Moving the component:

Resizing the component:

  1. The Right Panel is another area where you can edit depending on the component type. Select “Component” on the Right Panel to make more customizations.

    Untitled

    <aside> 👀 Don't forget to preview the lesson to see what your learners will see! Preview may look slightly different than what you see in the Screen View, but the preview is what it will look like for the learners.

    </aside>

Static Component Types

Toggle each component type to learn about it.