How o9 Works Layout Showcase
Layout Showcase · Topic 5

Full-Width Widget Layout

The interactive simulation takes centre stage — prose context scrolls below the widget instead of above it.

What-If Simulator

-30%+60%
50%100%
2 wk12 wk

Service level

98.5%

Inventory days

18

Capacity load

72%

Plan status

Feasible

How this layout works

The full-widget layout flips the usual order: the interactive component renders first at full width, and any markdown prose you write here appears below it as supporting context.

Use it when the widget is the lesson — and the text is just there to explain the controls or interpret the output.

When to choose full-widget vs topic

Choose topic when the prose sets up the concept and the widget is a bonus exercise at the end. Choose full-widget when you want learners to interact first and read second.