CC Creator - Button
Last modified:
Buttons are interactive elements used to open complementary contents of the unit.
Depending on the configured typology, you can have buttons with text or with icons.
Each editing mode allows different actions to be performed with the buttons:
Easy Mode:
- Configure buttons
Professional Mode:
- Add new buttons within rows
- Move buttons in position
- Duplicate and delete buttons
- Modify the visibility of a button
- Activate or deactivate a button
Configure buttons
When you click on a button on the screen you will be able to:
- Configure your text. To see how to edit text, click here.
- Set the action that will happen when you click on the button. You can do this with the properties of the "Link" area.
The properties of a button are:
Group | Property | Description |
---|---|---|
GENERAL | Title | Button title. You can customize it to better recognize it in the breadcrumb trail. |
GENERAL | Identifier | This is an auto-generated data by the system, but you can customize it. If you customize it you will help the trace that sends the unit to the platform to be clearer (it is not the same for the content to send to the platform "student1 interacted 29cb85cfg44" than to send, for example, "student1 interacted button1"). Remember that the Identifiers must be different, you can not repeat any identifier of any element within the unit, so you must be careful when modifying them and not repeat them. |
ENLACE | Action Destiny | In the "Action" menu you can choose which action will be executed when the student clicks on the button. And depending on the action chosen, you can select a different destination, as appropriate: - Go to... It will allow to choose as destination a page of the unit, a section of a page or an external url. - Show... the navigation menu. a popup or a notification. - Hide... the navigation menu. - Check... all quizzes on the page or all quizzes in the unit. - Retry... This action is associated with the questionnaires. It allows you to run a new attempt at the questionnaire and to decide whether to reset the answers or to keep the options of the previous attempt checked. - End... the questionnaires of the page or of the whole unit. - Change the language of the unit. - Open a resource (e.g. a pdf) in a new browser tab. - Download a resource (e.g. a pdf). - Save (i.e. send to the LMS all trace data) and exit the content (i.e. close the browser tab with the unit). Remember that whether the unit is closed will depend on the browser itself and the LMS. If, for example, the LMS opens the content in an iframe (something common in some platforms in SCORM publications, or in learningCloud if you configure the content to open "full screen") the content will not be able to close. |
Add new buttons within rows.
With the Professional editing mode you can add any additional components you may need on the screen.
To add a new button you have the + button located in the lower left area.
You will be able to choose between the button 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 the new button.
- Select an existing element on the screen (a row, a text, an image...). Then, simply 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:
Move position buttons
With the Professional editing mode you can move a button by position
All you have to do is select the button 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 buttons
Select the button and, from its label, you can duplicate or delete it.
Modify the visibility of a button
You can decide whether a button is visible or not according to the condition you decide. 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 the text visible. Depending on the object you choose, you will have different triggers. For example, you could make a button show up after you pass an activity.
Activate or deactivate a button
You can decide whether a button is enabled or disabled according to the condition you decide. 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 the text visible. Depending on the object you choose, you will have different triggers. For example, you could make a button active after selecting an option in a question.