⏱️ The Essentials in 3 Minutes |
🧠 Understanding the Value of Content Blocks
Varying formats maintains attention and adapts the presentation to the nature of the content: a procedure is better shown in a video, an exchange in a dialogue, a data point in structured text. Choosing the right block is in itself a instructional decision.
📄 Text
Add paragraphs, headings, or lists to convey written information. Ideal for explaining a concept, introducing a topic, or guiding the learner.
ℹ️ 12 layouts are available from the Layout option: Paragraph with title, Paragraph with subtitle, Paragraph, Image & paragraph with title, Image & paragraph with subtitle, Image & paragraph, Image, Statement (highlighted text, quote style), Title, Subtitle, Columns (1 to 4 columns), Columns + Image.
Layout | Additional Format options |
Paragraph with title / subtitle / Paragraph | - |
Image & paragraph (3 variants) | Image position (left or right) · Image size (S / M / L) |
Image | Image size (S / M / L) |
Statement | - |
Title / Subtitle | - |
Columns | Number of columns |
Columns + Image | Number of columns |
ℹ️ Vertical margins (XS / S / M / L) are available on all layouts for this block.
📋 List
tructure information as a list to make it easier to read and remember.
Six formats are available from the Layout option: Numbered, Bullets, Accordion, Tabs, Timeline, Steps.
Content per layout:
Layout | Title / header | Content | Image |
Numbered | - | Rich text | No |
Bullets | - | Rich text (bullet style: dot, check, cross, arrow, star, alert) | No |
Accordion | Rich text (displayed bold and large) | Rich text (expandable) | No |
Tabs | Plain text only (all formatting is stripped on display, title shown in uppercase) | Rich text | No |
Timeline | Rich text without lists or links (displayed as "date") | Rich text | No |
Steps | Rich text without lists or links (hidden if empty) | Rich text | No |
Flip cards | Rich text (front face, displayed bold and uppercase) | Rich text (back face) | Yes (front and back) |
ℹ️ By "rich text": bold, italic, underline, strikethrough, colours, highlight, alignment, lists, links, mathematical formulas. In the "Edit content" panel, the full toolbar is always shown for the Title field, but depending on the layout, some formatting may not display (especially for Tabs, Timeline, and Steps). Use rich formatting in the Content/Description field rather than the Title field.
💡 The List block displays 3 items by default as an example. You can add as many items as you like: hover over the block, click Content in the top left, then Add item.
Format options per layout:
Layout | Additional Format options |
Numbered | Numbering style (Numbers / Letters) |
Bullets | Bullet style (Dot, Check, Cross, Arrow, Star, Alert) |
Timeline | “Centred timeline” toggle |
Accordion / Tabs / Steps | - |
Flip cards | - |
ℹ️ Vertical margins (XS / S / M / L) and horizontal margins (Small / Medium / Large) are available on all layouts for this block.
🖼️ Image
Import an illustration, infographic, diagram, or photo. Useful for visually reinforcing a message or representing a process.
💬 Dialogue
Integrate a role-play scenario in the form of a conversation between two characters. Allows learning to be contextualized within a realistic exchange.
🎥 Video
Add an informational or demonstration video by importing a file (e.g. .mp4). Effective for energizing content or illustrating a process.
🔊 Audio
Allow the learner to listen to audio content. Particularly useful for language training, podcasts, or testimonials.
📑 Document
Embed a document for the learner to view or download. Practical for providing supplementary material or a reference guide.
🔗 Embed
Add embedded content from an external source: interactive map, third-party tool, YouTube video, etc.
🔍 Image Analysis
Add an image the learner can explore via interactive zoom. Ideal for analyzing a map, a mockup, or any complex visual.
ℹ️ Two layouts are available: Guided analysis (default, zones are revealed as the learner scrolls) and Free exploration (the learner clicks on markers to reveal each zone). In both cases, you can configure zone display (markers or full zones) and text position (below or to the right).
⚙️ Customization Options Per Block
In the editor of an exercise granule, hover over a block to reveal the customization icons in the top left.
💡 The Dialogue, Embed, and Media blocks (Audio, Video, Document) do not offer a layout choice.
✏️ Content: edits the texts and elements displayed in the block.
🈁 Layout: adjusts the layout of a text, list, or image block (arrangement of content within the block).
🎨 Style: changes the background color of the block to improve contrast or visually distinguish sections.
📏 Format: adjusts margins and image size (XS, S, M, L).
ℹ️ Format options are only available in the content’s main language. They are hidden when editing a translation.
🔀 Reordering Blocks
Use the directional arrows on the right of each block to move them up or down. This lets you rework the presentation logic without recreating elements.
Keywords : content blocks, granule editor, text, list, image, dialogue, video, audio, document, embed, image analysis, layout, style, format, customize.