CC Creator - Text

Last modified:


Text is the most basic component you can have in any unit. 

Each editing mode allows different actions to be performed on texts:

Easy Mode:

  • Edit text
  • Add variables
  • Modify text properties


Professional Mode:

  • Add new text within rows
  • Move texts to a different position
  • Duplicate or delete texts.
  • Modify text visibility


    Edit texts

    When you click on a text on the screen, a text editing menu appears at the top of the screen.

    Image 47248


    This editor will allow you to perform the usual text editing operations: 

    1. Bold
    2. Italic
    3. Underline
    4. Strikethrough
    5. Subscript or superscript
    6. Text alignment (right, left, center or justified)
    7. Numbered or bulleted lists
    8. Increasing or decreasing indentation
    9. Create a link. You can create links to an external url, to a unit pop-up, to a downloadable document or to another page of the unit.
      Image 47250
    10. Modify text style (paragraph, title 1, title 2...)
    11. Modify text color or text underline color. 
    12. Remove text formatting. It is very useful if you have copied and pasted text from other sources (e.g. from Word) to avoid applying incorrect css styles. 
    13. Add tables
    14. Add images in line with the text. This option should be limited to small images that fit the line size of the text. 


    Add variables

    Variables are elements that allow automated content to be displayed: number of pages, total number of questions, number of questions answered...  

    Image 47823

    Image 47836


    You will be able to add different variables depending on the area you are in. 


    To add a variable you must press the key combination SHIFT +ALT + 1 within a text. Remember that you must do it between a gap of two words. It does not work if you place the mouse pointer over another word. 

    Image 47398

    Next, choose the variable you want to add and it will be incorporated into the text:. 

    Image 47399


    You will be able to add different variables depending on the area you are in.


    In a text within any page:

      • PAGE_TITLE: Title of the current page.
      • NEXT_PAGE_TITLE: Title of the next page
      • PREV_PAGE_TITLE: Title of the previous page.
      • PAGES_COUNT: Total number of pages
      • PAGE_NUMBER: Number of the current page
      • VISITED_PAGES: Number of pages visited
      • STUDENT_ID: Student identifier
      • STUDENT_NAME: Student's name.

      In a text within a questionnaire, you will also have these options:

      • ACTIVITY_RIGHT_ANSWERS_COUNT: Indicates the number of correct choices made by the student.
      • QUIZ_CORRECT_ACTIVITIES: Number of correct questions after the current attempt. 
      • QUIZ_NUM_CURRENT_ACTIVITY: Number of the current activity.
      • QUIZ_TOT_ACTIVITIES: Total number of quiz activities.
      • QUIZ_CURRENT_ATTEMPT: Number of the current attempt..
      • QUIZ_MAX_ATTEMPTS: Total number of attempts.
      • QUIZ_ELAPSED_TIME: Seconds elapsed since the student has started the current attempt to answer the quiz.
      • QUIZ_LIMIT_TIME: Time limit to finish the quiz.
      • QUIZ_REMAINING_TIME: Time remaining to exhaust the time limit.
      • QUIZ_MAX_SCORE: Cut-off score of the quiz. 
      • QUIZ_SCORE: Score achieved by the student in the current attempt.
      • QUIZ_SUCCES_RATE_PERCENT: Percentage that must be reached for the quiz to be considered passed (calculated from the established cut-off score).
      • QUIZ_SCORE_PERCENT: Percentage of passing the quiz achieved by the student in the current attempt.
      • QUIZ_STATUS: Indicates whether the quiz is passed or not.
      • CONTENT_CUT_OF_SCORE: Cut-off score of the unit.
      • CONTENT_SCORE: Total grade achieved by the student in the unit.

        Modify text properties

        When you click on a text, the panel with its properties is enabled. 


        Image 48572

        Here you can modify:

        • Its title. It will be useful for you to customize it to recognize the text 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 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 that "student1 interacted 29cb85cfg44" than to send, for example, that "student1 interacted page1"). 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 new text within rows.

        With the Professional editing mode you can add any additional components you may need on the screen. Imagine you want to add a new text below an image. 

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

        Image 47089

        Image 47253

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

        Image 47254



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

        - 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, a color-coded bar will be displayed:

        Image 47093




        Move texts to a different position

        With the Professional editing mode you can move a text to a different position

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

        Image 47095

        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 texts

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

        Image 47454

        Modify text visibility

        You can decide whether a text is visible or not according to the condition you decide. Click on "Add condition" in the properties area. 

        Image 48573

        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 one text visible when the learner passes an activity and another text visible when the learner fails. This way you can set up positive and negative feedback on questions...

          Image 47027

          Image 47028


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