Theory pages
The Content Player now supports rendering Theory Pages – a content type designed for instructional and theoretical material. These pages enhance learning with support for MathJax, interactive examples, custom HTML, and more.
Features
- ✅ MathJax rendering for mathematical notation
- ✅ Interactive exercise examples
- ✅ Full support for embedded HTML and CSS
- ✅ Seamless integration with existing navigation/playback flow
- ✅ Supports all languages in the Sowiso platform
What Is a Theory Page?
A Theory Page is a content unit focused on explanations, definitions, or walkthroughs. Unlike videos or quizzes, it’s primarily text- and math-based but can include:
- Math formulas (via MathJax)
- Static or interactive examples
- HTML-based visualizations or custom components
How Do I Set Up a Theory Page?
Visit the Sowiso support forum for more information on setting up a theory page.
Example Use Cases
- Algebra lesson with inline equations
- Step-by-step walkthrough of math problems
- Theory before or after an exercise or quiz
Technical Details
Theory pages are displayed similarly to the regular exercises. The main difference is that it does not require a set- or try ID, but rather just the ID of a theory page itself:
<sowiso-player
theory-id="123"
mode="theory"
sdk-url="https://some-url.io"
></sowiso-player>Note: The theory page must be public, and the user requesting the theory page must have the required permissions to view the page.
Custom Styles
It’s possible to add custom styling to the theory pages. The following settings are available to be overwritten:
CSS Variables
theory-content
| Overridable variables | Note |
|---|---|
border | Set the border of the exercise example and label. Defaults to 1px solid |
label-height | Sets the height of the exercise example label |
padding | Sets the padding of the exercise example and solution container |
margin-top | Sets the upper margin of the exercise example container |
Classnames
sowiso-player__theorytheory_exampletheory_solution