Location: Screen Styles (Question and Instruction Screens) > Question Screen Styles > List of HTML Screen Styles
List of HTML Screen Styles HomeBack Next

HTML Question-Screen Styles

Most of the question screens that accept media assets only display static images, apart from 2.52, which can display any supported media type, including Giga Images and Unity 3D models, videos and Animate animations.

Basic Styles (Multiple-choice)

Thumbnail

Description

LCMS_U~1_img521

2.52 Multiple-Choice with Media. Creates either multiple-choice single-response or multiple-response style questions, with 60% media pane on the right (all media types), and up to nine options (text and/or audio). Allows selection between different layouts: "40% Text, 60% Media", "50% Text, 50% Media", "60% Text, 40% Media", or "100% Text, No Media" . Note: Default layout size is 50% Text, 50% Media.

LCMS_U~1_img523

2.54 Multiple-Choice with Graphic Options. User clicks one or more media assets for single-response or multiple-response question (static graphic only).

LCMS_U~1_img524

2.55 Multiple-Choice with Hotspots. User clicks one or more hotspots superimposed on media asset for single-response or multiple-response question (static graphic only). Allows selection between different layouts: "40% Text, 60% Media", "50% Text, 50% Media", "60% Text, 40% Media", "Text, Auto Media", "Text, Max 1/2 Media" or "Text, Max 2/3 Media". Note: Default layout size is 40% Text, 60% Media.

Drag and Drop Styles

Thumbnail

Description

2.58

2.58 Sequencing Drag and Drop. Drag list items for single-response sequencing question types. Up to nine draggable list items/audio files. Allows selection between different layouts: "40% Text, 60% List", "50% Text, 50% List" or "60% Text, 40% List". Note: Default layout size is 40% Text, 60% List.

LCMS_U~1_img527

4.52 Drag and Drop to Image. Drag graphic options or text options to specified drop zones on a media asset for either single-response, multiple-response, matching or sequencing question types. Up to nine draggable items (text/audio) and drop zones (static graphic only). Allows selection between different layouts: "40% Text, 60% Media", "50% Text, 50% Media", "60% Text, 40% Media", "Text, Auto Media", "Text, Max 1/2 Media" or "Text, Max 2/3 Media". Note: Default layout size is 40% Text, 60% Media.

LCMS_U~1_img528

4.55 Drag and Drop to Text Boxes. Drag graphic thumbnails or text boxes with text labels for either single-response, multiple-response, matching or sequencing question types. Up to nine draggable items and drop zones, with optional randomization (static graphic only).

Other Styles

Thumbnail

Description

LCMS_U~1_img568

2.56 Fill-in-the-Blank. User types in a short response to a question in a text input field or or up to nine short responses with embedded fill-in-the-blank fields. Optional mask can be displayed showing some characters but not others (no media).

LCMS_U~1_Img1349

2.59 Fill-in-the-Blank Mathematical. User types in a short response to a mathematical equation in a text input field or or up to nine short responses with embedded fill-in-the-blank fields (no media).

LCMS_U~1_img637

2.57 Matching Drop-Downs. Can be used to create pairing, categorizing (including true-false), or sequencing question types. Up to nine text options and unlimited drop-down items, with optional randomization.

LCMS_U~1_img854

2.60 Full Screen 3rd Party SCORM Media. For example, a Storyline-published question would use SCORM to send data and the question would act like an LMS and record the answer. Allows selection between different layouts: "40% Text, 60% Media", "50% Text, 50% Media", "60% Text, 40% Media", or "No Text, 100% Media". Note: Default layout size is No Text, 100% Media.