CC Creator - contentBox

Last modified:


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.

Image 47553



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:

Image 47226

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.

Image 47559

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.

Image 47089

Image 47561

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

Image 47562



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).

Image 47094


- 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:

Image 47093



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.

Image 47563


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

Image 47564


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,...). 

Image 47567


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.

Image 47568

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.

Image 47569

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...

Image 47027

Image 47028


Is this article helpful for you?
© 2023 Netex Knowledge Factory. All Rights Reserved. Disclaimer | Privacy policy | Cookie Policy.
-