The Springy list screen allows you to present a large amount of information in a list format, chunking the information into sections and prompting your learners to explore each section to reveal more information. As the Springy list screen only displays information for one section at a time, the cognitive load on your learners is reduced, making it easier to retain the information.

Additionally, the Springy list screen can be used to create a more hierarchical and structured layout, making it easier for learners to understand the organization of the content.

The Springy screen is extremely versatile and can be used for many purposes. Here are just a few:

Step 1: To get started, add a new Lesson to your Course, or navigate to an existing one. Click the ‘Add screen’ button in the lesson on the course sidebar menu.

Step 2: Select ‘Springy list’ from the screen select drawer under the ‘Interactive screens’ section.

Step 3: Give your screen a title and click the ‘Add screen’ button to confirm.

Step 4: By default, your new screen will display the screen title, an empty description field, and a single Springy list item labeled ‘Untitled’.

Step 5: Click into the button for the first Springy list item to edit it. To add a description, click into the description field and start typing.

Step 6: To add another item, click the ‘Add item’ button on the screen options toolbar at the bottom of the page.

If you want to display images inside the list buttons, click the display options icon from the screen options toolbar and check the ‘Image’ option. Doing this will reveal the image uploader. Click this, or drag an image onto it to add an image.

There are no specific rules about what size or ratio your image needs to be. You don't need to crop your images, simply add an image, and it will fill or fit the image container.

In addition to button images, you can also add a background image that will appear behind the buttons. If you choose this option, you’ll notice that the inactive buttons become semi-transparent to make it easier for learners to see the image.

You can adjust the colors of the Springy list buttons by using Coassemble's SmartColor™ feature. Simply choose a color you want to use as your base, and Coassemble will select a subtle color selection based on your chosen color. Click here to find out more about SmartColor™. You can also change the color of each button individually if you choose.

The Springy list layout can be flipped to display the buttons on the left, or to the right of the descriptions.

The Springy list screen can be switched with the following screen types:

To switch between screen types, click the screen title at the top of the screen editor and select the screen type you want to switch to. Once switched, your content will fit seamlessly into the chosen screen.