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.

Image 47512

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.

    Image 47513


    The properties of a button are: 


      GroupPropertyDescription
      GENERALTitle

      Image 47514


      Button title. You can customize it to better recognize it in the breadcrumb trail.
      GENERALIdentifier

      Image 47297

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

      Image 47359

      Image 47299

      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.

      Image 47089

      Image 47515

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

      Image 47516



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

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

      Image 47517

      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.

      Image 47518



      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.

      Image 47361

      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.

      Image 47362


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