CC Creator - contentBox

Sometimes you need to subdivide the contents of a column.

For example, in this screen we have a row with two columns.

And in the second column we needed to divide it into two other columns to add these launchers.

To be able to subdivide a column you use the contentBoxes.

Each editing mode allows different actions to be performed with the content boxes:

Easy Mode:

• Modify the properties of the table of contents

Professional Mode:

• Add a new table of contents.
• Add sections within a table of contents.
• Move a table of contents position.
• Duplicate or delete a table of contents.
• Modify the visibility of a table of contents.

Modify the properties of the content boxes

An author in Easy mode will only be able to select the content boxes using the breadcrumb trail.

Activate this functionality from the edit menu:

Then, click on any element on the screen (a text, an image). Moving along the breadcrumb trail you will be able to locate the contentBoxes. Selecting the component in the breadcrumb trail you will be able to configure its properties.

The properties that you can configure are:

• Its title. It will be useful to customize it to recognize the table of contents from the breadcrumb trail.
• Its identifier. This is an auto-generated data by the system, but you can customize it. If you customize it, you will help to make the trace sent by the unit to the platform clearer. Remember that the Identifiers must be different, you cannot repeat any identifier of any element within the unit, so you must be careful when modifying them and not repeat them.

Add a new content box.

With the Professional editing mode you can add new content boxes.

Para hacerlo, tienes el botón + situado en la zona inferior izquierda.

You will be able to choose from the templates that have been determined for the theme you are using.

Remember that any component you add will always be inside a row, so you have two ways to add a new text.

- Select an existing element on the screen (a row, a text, an image...). Then, just add the desired component by clicking on it. It will be added below the selected element (or as the last element of the row).

- Drag the component to the screen. By moving the mouse pointer over the elements on the screen you can decide where to place the component. To help you, color-coded bars will be displayed:

Adding sections within a table of contents

The component that can be added inside a table of contents is the section. You can add new sections in an empty content box or one that already has other elements.

And to do so you just have to create and drag a section into it.

Now you have the section inside the table of contents, you will be able to edit and/or add new elements inside the section (rows, columns, texts, images,...). 

Move position content boxes

With the Professional editing mode you can move a table of contents by dragging its position

All you have to do is select the table of contents by clicking on its label and use the initial icon to drag the element.

Remember that to help you choose the desired position, color-coded bars will be displayed:

- Blue: will move creating a new section.

- Orange: will move creating a new row.

- Green: will move creating a new column.

- Gray: will move under another existing element.

Duplicate or delete content boxes

Select the content box and, from its label, you can duplicate or delete it.

Modify the visibility of the content boxes

You can decide whether the content box is visible or not according to the condition you decide. In the properties area, click on "Add condition". Here you can decide which object/component will be used as a referent and then you can decide which trigger will make it visible. Depending on the object you choose, you will have different triggers. For example, you could make a content box not visible until the learner answers a quiz, or gets a specific activity right, or completes the viewing of a video/audio...