Skip to main content

Components

The following components are available:

Content components
Assessment Results Display of the results of a test chapter (assessments)
Chat Creates a scenario-controlled 'group chat'.
Collapsible Boxes Shows boxes with clickable titles that open and display text or images.
Graphic Display of graphics
Graphic Zoomer Display of zoomable graphics
Info Graphic Graphic with clickable areas that open a pop-up or link.
Media Playback of video and audio
Page Jumper Button that allows you to jump to any article, block or component on any page
Text Text display
Step-by-Step A component that lists blocks one below the other using a Next button.
Footer Navigation A text component with an icon or page numbers and a button that can be used to jump
to any article, block, or component on any page.
Slide Show A component that displays an image gallery with accompanying text. The component replaces
the Narrative and Image Gallery components and can be used as an alternative to the
Graphics component with text placement.
Question components
Graphical Multiple Choice Question A multiple choice question component with pictures
Matching Question Matching question that allows the learner to select the answer(s) to the question via dropdown.
Multiple Choice Question A multiple choice question component
Slider A question component that allows the learner to position a slider on a scale.
Text Input A question component that allows learners to enter answer text to a question.

Insert and edit component

Components are inserted by clicking the "Add Component" button, selecting the desired component from the menu on the right.

The basic layout of the pages in Adapt is two-column. Therefore, when inserting the component, you can choose to display it in the left column ("Add to left") or in the right column ("Add to right") or across both columns ("Add full"). Of course, the two-column layout only applies to display on end devices with a sufficient screen size, such as tablets, notebooks or desktop computers. In the case of smartphones, the content is displayed one column below the other.

img

By double-clicking on the component that has just been inserted, the author enters the editing mode:

img