Skip to main content
Ctrl+K
XBlock API Guide  documentation - Home XBlock API Guide  documentation - Home
  • Open edX XBlock API Guide
  • Change history for XBlock
  • Introduction to XBlocks
  • XBlock API
  • Fields API
  • Runtime API
  • Plugins API
  • Exceptions API
  • Open edX XBlock Tutorial
    • Introduction
    • XBlock Overview
      • Introduction to XBlocks
      • XBlock Examples
    • Build an XBlock: Quick Start
      • Install XBlock Prerequisites
      • Set Up the XBlock Software Development Kit
      • Create Your First XBlock
      • What Browsers Do I Need to Support?
    • Anatomy of an XBlock
      • The XBlock Python File
      • The XBlock HTML File
      • The XBlock JavaScript File
      • The XBlock Stylesheets
    • Customize Your XBlock
      • Customize myxblock.py
      • Customize myxblock.html
      • Customize myxblock.js
      • Customize myxblock.css
    • XBlock Concepts
      • XBlock Fields
      • XBlock Methods
      • XBlock Fragments
      • XBlock Children
      • XBlock Runtimes
      • XBlocks, Events, and Grading
    • XBlocks and the edX Platform
      • Open edX Studio as an XBlock Runtime
      • Open edX Learning Management System as an XBlock Runtime
      • Deploy Your XBlock in Devstack
      • Submit Your XBlock to edX
      • Replace a Preinstalled XBlock With a Custom Implementation
    • Open edX Glossary
    • Using XBlock Software Development Kit
      • Getting Started with the XBlock SDK
  • Xblock.utils
    • Settings and theme support
  • Repository
  • Suggest edit
  • Open issue
  • .rst

XBlock Concepts

XBlock Concepts#

You build XBlocks that course teams use to create independent course components that work seamlessly with other components in an online course. For example, you can build XBlocks to represent individual problems, lessons, or course sections. For more information, see Introduction to XBlocks.

This part of the tutorial provides conceptual information about XBlocks that all XBlock developers must understand.

  • XBlock Fields
    • XBlock Fields and State
    • Field Scope
    • Fields and Data Storage
    • Initializing Fields
    • Fields and OLX
    • Field Requirements in the edX Platform
    • Default Fields in a New XBlock
  • XBlock Methods
    • View Methods
    • Handler Methods
    • Default Methods in a New XBlock
  • XBlock Fragments
    • Fragment Contents
    • Fragments and XBlock Children
    • Fragments and Views
  • XBlock Children
    • XBlock Tree Structure
    • Accessing Children (Server-Side)
    • Accessing Children (Client-Side)
  • XBlock Runtimes
    • Runtime Functions
    • Extending XBlocks
    • JavaScript Runtimes
    • XBlock Runtime API
    • Rendering XBlocks with the XBlock URL
  • XBlocks, Events, and Grading
    • When an XBlock Should Emit Events
    • Publish Events in Handler Methods
    • Publish Grade Events

previous

Customize myxblock.css

next

XBlock Fields

By The Axim Collaborative

© Copyright 2026, The Axim Collaborative.

Creative Commons License
These works by The Axim Collaborative are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.