CC Creator - Composite (Gallery, tabs and drop-down)

Last modified:


A composite is a component that allows you to add different types of interactive menus: 

- Gallery/slideshow type menu

- Tab menu

. Drop-down menu

Image 47572


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

Easy Mode:

  • Adding content blocks
  • Duplicate or delete content blocks
  • Move content blocks from one position to another
  • Modify compound properties
  • Modify completeness requirements
  • Add events


Professional Mode:

  • Add compounds within rows
  • Move position
  • Duplicate or delete
  • Modify the visibility of a compound

Adding content blocks

A composite, regardless of its view (gallery, tabs or drop-down) allows you to add as many content blocks as you need. Thus, you can create an image gallery with 4 elements, a drop-down menu with 10 options.....

As an Easy mode author, you must click on any element within the compound (a text, an image...) and you will see that, in the upper part of the screen, a blue button is enabled

When you click on it, you will access the properties tab of the compound, where you will see the "Blocks" area.

Image 47578

If you click "Add block" you will be able to add new content blocks to your menu or gallery. 

Image 47580

After adding as many blocks as you need, you can configure their contents. 

Just click on each of them and the components inside will be displayed on the screen. From there, by selecting each text, image or video, you will be able to modify its content. 

Image 47581


Duplicate or delete content blocks

If you want to create a copy of one of the existing blocks or delete them, click on the menu of each block and choose the right option.

Image 47582


Move content blocks to a different position

You can reposition and move the content blocks by dragging them from this button and dropping them in the new position. 

Image 47583

Modify the general properties of the compound

Remember that you can access the properties menu of the compound by clicking on the blue button that is enabled in the upper area when you click on any element of the component. 

The properties that you can configure are:

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

Modifier compound completeness requirements

For a compound to be considered complete, students must complete a series of "tasks" called objectives, in this case, interacting with the content blocks that have been added. 


As an author you can decide to specify generic targets for all compounds of the unit in the unit configuration area, or you can define these targets in more detail, compound by compound.

In this case you can decide:

  • It is not a target. The component is not a unit target. If it does not interact with its areas/markers, it will not be taken into account in the unit completeness calculation.
  • Interact with one. Objectives will be completed as soon as the learner interacts with at least one of the content blocks.
  • Complete them all. The objectives will be completed as soon as the student interacts with all the content blocks.
  • As configured at the unit level. This option "delegates" the decision of whether it is a target or not to the overall unit configuration.


Add events

Events are automated actions that you want to occur after a specific trigger.

Select the compound and click the "Add event" option in the "Properties" tab.

The trigger is "Completion requirements have been met", i.e., when the completeness requirements configured for the composite are met.

When that trigger is executed, the following can happen:

- That a pop-up window is displayed.

- A notification is displayed.

Remember that, after configuring the event, you must press the "SAVE" button.

Image 47596




Add a new compound

With the Professional editing mode you can add new compounds.

To do so, you have the + button in the lower left area.

Image 47089

Image 47597

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

Image 47598



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

- 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


Move a compound to a different position

With the Professional editing mode you can move a component by position

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

Image 47599

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 compound

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

Image 47600

Modify compound visibility

You can decide whether a compound is visible or not according to the condition you decide. Click on "Add condition".

Image 47594

Here you can decide which object/component will be used as a referent and then you can decide the trigger that will make the text visible. Depending on the object you choose, you will have different triggers... For example, you could make a compound visible when the learner passes an activity, or after clicking on a previous video or audio...

Image 47027

Image 47028


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