Caring CourseForge
Features

Content Blocks

Explore all content block types to create rich, interactive learning experiences

Content blocks are the building blocks of your lessons. Mix and match different types to create engaging, multimedia learning experiences. This guide covers all available block types.

Basic Content Blocks

Text Block

Rich text editor with full formatting support

Supports:
  • Headings (H1-H6)
  • Bold, italic, underline, strikethrough
  • Bulleted and numbered lists
  • Links and inline code
  • Block quotes
Best for: Main lesson content, explanations, instructions

Heading Block

Standalone heading to structure your lesson

Options: 6 heading levels with customizable styling
Best for: Section breaks, topic headers, organizing content

Divider Block

Visual separator between sections

Options: Line, dashed, dotted, or custom styles
Best for: Separating major sections, improving visual hierarchy

Media Blocks

Image Block

Images with captions and customizable display

Features:
  • Upload or link external images
  • Add alt text for accessibility
  • Optional caption with formatting
  • Size controls (small, medium, large, full width)
  • Alignment (left, center, right)
  • Click to zoom functionality
Supported formats: JPG, PNG, GIF, WebP, SVG

Video Block

Embedded or uploaded video content

Features:
  • Upload video files or embed from YouTube/Vimeo
  • Custom player controls
  • Auto-play and loop options
  • Playback speed controls
  • Optional transcript below video
  • Track watch completion
Supported formats: MP4, WebM, embedded URLs

Audio Block

Audio files with custom player

Features:
  • Upload audio or embed from external source
  • Waveform visualization
  • Playback speed control
  • Download option for students
  • Optional transcript
Best for: Podcasts, audio lectures, pronunciation guides

Code Blocks

Code Block

Syntax-highlighted code snippets

Features:
  • 150+ programming languages supported
  • Automatic syntax highlighting
  • Line numbers (optional)
  • Copy to clipboard button
  • Highlight specific lines
  • File name display
  • Theme selection (light/dark)

Interactive Code Block

Runnable code with live output

Features:
  • Edit and run code in browser
  • Live output display
  • Reset to original code
  • Share student solutions
  • Automatic validation
Supported languages: JavaScript, Python, HTML/CSS, SQL
Professional tier feature

Interactive Blocks

Callout Block

Highlighted boxes for important information

Types:
💡 Info: General information and tips
⚠️ Warning: Cautions and important notes
🚫 Danger: Critical warnings
✓ Success: Best practices and tips

Accordion Block

Collapsible sections for optional content

Best for:
  • FAQ sections
  • Additional resources
  • Advanced topics
  • Long reference material

Tabs Block

Multiple content sections with tab navigation

Best for:
  • Code examples in multiple languages
  • Different approaches to same problem
  • Platform-specific instructions
  • Before/after comparisons

Download Block

Downloadable files and resources

Features:
  • Upload any file type
  • File preview for supported types
  • Download button with file info
  • Track download counts
Common uses: PDFs, templates, datasets, starter code

Assessment Blocks

Quiz Block

Interactive assessments with instant feedback

Question types:
  • Multiple choice (single answer)
  • Multiple select (multiple answers)
  • True/False
  • Short answer
  • Fill in the blank
  • Code challenge

Exercise Block

Practice problems with optional solutions

Features:
  • Problem statement with instructions
  • Collapsible hints
  • Show/hide solution
  • Mark as completed

Advanced Blocks

Embed Block

Embed external content and services

Supported embeds:
  • YouTube, Vimeo, Loom videos
  • Google Slides, Docs, Sheets
  • Figma designs
  • CodePen, JSFiddle, Replit
  • Calendly, Typeform
  • Custom iframes

Table Block

Data tables with sorting and formatting

Features:
  • Visual table editor
  • Header rows/columns
  • Cell formatting (bold, alignment)
  • Responsive on mobile
  • Import from CSV

Button Block

Call-to-action buttons

Options:
  • Link to external URL or lesson
  • Download file
  • Custom colors and sizes
  • Icons

Layout Blocks

Columns Block

Multi-column layouts for side-by-side content

Options:
  • 2, 3, or 4 columns
  • Custom column widths
  • Responsive (stacks on mobile)
  • Add any block type inside columns

Card Block

Visually distinct containers

Features:
  • Border and shadow options
  • Background colors
  • Padding controls
  • Can contain other blocks

Block Settings

Common Settings

Most blocks share these configurable properties:

Spacing:

Top and bottom margins

Visibility:

Show/hide block, conditional display

Custom ID:

For direct linking and anchoring

Custom Classes:

Add CSS classes for styling (Pro)

Best Practices

✓
Content Block Guidelines:
  • Mix block types to maintain engagement
  • Break long text into smaller paragraphs
  • Use callouts sparingly for maximum impact
  • Add alt text to all images for accessibility
  • Include transcripts for video and audio
  • Test interactive blocks on mobile devices

What's Next?

Learn more about creating assessments with quiz blocks, or explore the analytics features to see how students interact with different block types.

CognitoAssessments