Skip to content

panels

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

panels

README.md

Panels

This is a React client for a panels level using Lab2.

A panels level displays a series of information panels. In its initial implementation, each panel contains one image and one piece of text. The location of the text can be specified.

In the future, this level type could be easily expanded to support additional layouts (e.g. multiple images and/or multiple pieces of text per panel), and additional media types (e.g. short videos).

Sample level data:

code-dot-org/dashboard/config/levels/custom/panels/musiclab_intro_panels_function.level

Lines 11 to 20 in 539f941

"panels": [
{
"imageUrl": "https://images.code.org/e8cf0ed0263af03d3bed73749081b995-musiclab_intro_function_0.png",
"text": "A cool feature in **Project Beats** is that you can take a set of blocks and put them into your own block. In coding, this is called making a **function**."
},
{
"imageUrl": "https://images.code.org/79cffd279632872b91b162a1fe460e15-musiclab_intro_function_1.png",
"text": "You can \"call\" your new **function** by using the block with the matching name, like this."
}
]

See the initial PR (#55758) for some more background information.