Overview

Step Tutorial

Here are the tools and blocks available for editing:

  

A. Text

Add text to your course content by clicking on the 'Text' block. Hover over the 'Text' tool to display the different text block types and formats.

1. Heading with Paragraph — Add a content block with both a heading and a paragraph placeholder text.
2. Heading Only — Add a content block with a heading placeholder text.
3. Paragraph Only — Add a content block with a paragraph placeholder text.
   

NOTE: The Accordion's 'Insert Text' functionality also supports the three content block options. 

a. Undo/Redo — Click the 'undo' arrow to reverse the last action performed, restoring the text to its state before the action. Alternatively, click the 'redo' arrow to reapply an action that was previously undone, restoring the text to a state after the undo action.

b. Font Size — Click this to adjust the measurement of the text from the baseline to the top of the tallest character in a line of text.

c. Font Style — Click this to change the typeface of the texts.

d. Headings — Click this to set the text format for the headings to emphasise hierarchy.

e. Image — Click this to insert an image at the cursor's position within the text content. This opens the existing 'Upload Image' modal with the same upload options as when adding an image through the 'Image' menu.

NOTE: 

1. The size of the uploaded images here will be constrained if it exceeds the container's width. When scaling the image to fit the container, the height will be adjusted proportionally to preserve the aspect ratio.
   
2. Images uploaded here are automatically included in the local image library under 'Uncategorised', and you will be able to change their category in the local image library modal.

f. Link — Click this to add a link to the selected text. It allows you to link to a webpage, file, or email address, making the text clickable for easy navigation.

NOTE: The default option for the 'Open link in...' dropdown will be the 'New Tab'.

g. Line Height — Click this to adjust the spacing between lines of text. Select 1.0 for single spacing, 1.5 for one-and-a-half spacing, or 2.0 for double spacing to apply it to the highlighted text.

h. Indention — Click this to adjust the horizontal space between the text and the left or right margin. It is used to create visual hierarchy and structure within a document, such as in lists or paragraphs.

i. Font Colour — Click this to specify the colour of the text characters or background. 

NOTE: 

1. You can open the custom colour modal to choose a colour from the palette or manually enter a colour code and apply it to the selected text.
2. You can use the colour picker to select a colour anywhere from the screen and apply it to the selected text.

j. Text Format — Click this to alter the appearance or style of text (bold, italic, underline and strikethrough) and background colour.

k. Alignment — Click this to determine the positioning of the text (left, centre, right and justified) within a text box.

l. Text Case — Click this to transform the selected text into 'UPPERCASE', 'lowercase', or 'Title Case' formatting.

m. Bullets — Click this to create a list of items where each item is preceded by a bullet symbol or a similar marker. Bullets help organise information into a readable and structured format.

n. Table — Click this to add a table to your content. You can add an entire table with a specified number of rows and columns, or you can simply add an individual cell, row or column to your existing table. Tables are used to organise and present data, making it easier to read, compare, and analyse information.

NOTE: You can freely customise the table’s appearance by using the 'Table properties' button, which provides access to both 'General' and 'Advanced' table settings, or by adjusting the properties for each cell, row or column. These options are also accessible if you right-click on an existing table.

o. AI Text Assistant — Click this to reveal the AI text assistant options to enhance your course content and add more details.

1. Expand Text — AI text assistant can extend or elaborate on existing text by adding more details, examples, or explanations. This helps in providing a more comprehensive understanding of the topic or idea.
   
2. Bullet Point Text — AI text assistant can format text into bullet points, organising information into concise and easily digestible points. This is useful for presenting key ideas, lists, or steps in a structured manner.
   
3. Summarise Text — AI text assistant can condense longer passages of text into shorter summaries while retaining the main points and essential information. This is helpful for quickly understanding the core ideas of a document or article without reading through all the details.
   
4. Text to Speech — AI text assistant can convert written text into spoken words using artificial intelligence. It enables users to listen to written content, making information more accessible and engaging.
   

NOTE: Only the highlighted text will be affected by the AI text assistant enhancements.

p. Clear Format — Click this to remove any formatting applied to selected text, such as font style, size, colour, alignment, and more. It restores the text to its default appearance.

q. Source Code — Click this to modify your text and other elements of your content using a source code.

r. Help — Click this to view additional information such as handy shortcuts, keyboard navigations, plugins and version.

B. Image

Add images to your course content by clicking on the 'Image' block. Hover over the 'Image' tool to display the different image block types and formats.

1. Single Column — Add image in a single-column format.
   
2. Two Columns — Add image in a two-column format.
3. Content Banner — Add content banner manually. 

When you select 'Content Banner', a new content banner will be added to your course, displaying the default text 'Content Banner', which can be edited by clicking on the 'cog' icon.

    

When the 'Upload Image' button is clicked, a modal will appear with three options, similar to the standard image upload feature.

For 'Upload Icon from this Device', you will be able to upload icons from your local device by dropping the file in the box or by clicking the box on the modal.

  

For 'Browse Free Icon Library', you will now be able to search the free icon library to personalise the manually added content banners.

 

 

For 'Use Default Icons', you will be able to choose from the default icons.
 

  
  

a. Image Only

This format consists solely of an image without any accompanying text.

b. Image Above Text

In this format, the image is positioned at the top of the text content. The text appears below the image.

c. Image Below Text

Here, the image is placed at the bottom of the text content. The text appears above the image.

d. Image Left of Text

In this layout, the image is aligned to the left side of the text. The text flows beside or around the image on its right side.

NOTE: You can align the text part vertically to the top, middle, or bottom from the TinyMCE toolbar.

e. Image Right of Text

This format positions the image to the right side of the text. The text flows beside or around the image on its left side.

NOTE: You can align the text part vertically to the top, middle, or bottom from the TinyMCE toolbar.

  

f. Text on Image

In this format, the text is overlaid directly onto the image itself. You can adjust the text font size and move it anywhere within the image.

i. Clicking the 'settings' icon will open the modal for configuring the 'Image Category', 'Name' and 'Description'.

ii. Clicking the 'plus' icon will add the selected image to the course builder.

This option allows you to create a new image using AI tools based on specific parameters or descriptions you provide.

NOTE: The character limit for AI 'Image Description' is 3,500 characters.

Click on the 'cog' icon to change the 'Image Corners' style at the course level per image. You can choose between 'Square' or 'Round'.

NOTE: When you change the theme of your course, the updated theme settings for image corners will be applied.

C. Interactive Activities

Add engaging activities such as 'Flip Cards' and 'Hotspot' blocks to enhance participation and learning.

Flip Card

It involves cards that can be flipped to reveal different information on each side.

1. Flip Card has 'Single Column', 'Two Columns' and 'Three Columns' options.
   
   
   
   
   
2. Flip Cards will have two sections: 'Front' and 'Back' for 'Image', 'Text' or 'Text on Image' inputs. To change the content type, click the drop-down menu in the upper right corner of each section.
   
   
   
   
   

NOTE:

1. By default, the front side of the flip card will display 'Text on Image', while the back side will show 'Text'.
   
2. When you customise the flip card settings (e.g. changing the image or font), their changes stay intact and are not affected by the course theme.
   
3. If you choose to use the default image and text, the flip card settings will update to match the new theme when the course theme is changed.
   
4. If you change a course's theme, any default flip cards will update to match the new theme's settings. However, any customisations made in the course builder, like changing the image or font styling, will stay the same and won't be overridden.

Hotspot

It involves points or areas on the image that pop up as a small window containing text when clicked. 

1. Hotspot has 'Single Column', 'Two Columns' and 'Three Columns' options.
   
   
   
   
   
2. Click the 'cog' icon to customise the 'Hotspot Settings', and the changes will apply to all hotspots in that content block.
   
   
    
   
   
   
   
3. Users will be able to upload an image that will serve as the base for the hotspot activity.
   
   
   
   
   
4. Once an image is uploaded, users will be able to add, move or delete a draggable icon on the image that will serve as a hotspot.
   
   

1. To add another hotspot, simply click on the 'Add Hotspot' button. A text input field is available for each hotspot, allowing users to add descriptive text or instructions related to it.
   
   

NOTE: An image can contain multiple hotspots.

2. To edit the text, simply click 'Edit Hotspot' and a modal will open. This modal contains a colour picker for the 'Background Colour', a text input field, as well as 'Hotspot Icon (Optional)'.
   
   
   

NOTE: If you upload a hotspot icon here, the changes will apply only to that specific hotspot.

1.  The instructions for users on how to interact with hotspots are also editable.
   
   
   




2. To interact with the hotspots, click on each icon or on the arrow displayed on each hotspot text box. An 'X'
   
   button is also displayed on the upper right of each text box to close it.
   
   
   
   
   

NOTE: 

1. In this modal, you are allowed to browse previously uploaded videos.
   
2. A category drop-down filter is available, including the 'Uncategorised' videos.
3. In the same modal, you can search and assign/update a video's category, name, and description.
4. Selecting a video from the local library and clicking '+' adds it to the course.
   

When you upload a video from your device or embed videos from YouTube or Vimeo, a 'cog' icon and a 'Replace Video' button will appear at the bottom of the uploaded video.

1. Clicking the 'cog' icon opens a modal that allows you to assign a 'Video Category', 'Name', and 'Description'.
   

NOTE: 

1. All uploaded videos will be added to the local video library. Videos without an assigned category will default under 'Uncategorised' category. 
   
2. Deleting a video from a course removes it only from that course and does not delete the video file if it is used in other courses.
   
3. If a video is removed from a course and is not being used in any other course, it will also be deleted from the local library.

1. Clicking the 'Replace Video' button allows you to change the added video file.
   

Video on Top

This media format allows users to embed a video into the course and add additional text below it. Uploading or embedding a video follows the same steps mentioned above. To edit the text, simply select the text box and replace the existing text. Use the text tool bar to format the text.

Video on Bottom

This media format allows users to embed a video into the course and add additional text above it. Uploading or embedding a video follows the same steps mentioned above. To edit the text, simply select the text box and replace the existing text. Use the text tool bar to format the text.

Audio Only

This media type allows users to add audio into the course without requiring any additional text. Select 'Upload Audio' to upload an audio file from your local files. 

The audio file will be displayed. To change the audio file that you uploaded, click 'Replace Audio'.

NOTE: Users can adjust the volume and playback speed of the audio, as well as download the audio file.

Audio on Top

This media format allows users to add an audio file into the course and add additional text below it. Uploading or embedding an audio follows the same steps mentioned above. To edit the text, simply select the text box and replace the existing text. Use the text tool bar to format the text.

Audio on Bottom

This media format allows users to add an audio file into the course and add additional text above it. Uploading or embedding an audio follows the same steps mentioned above. To edit the text, simply select the text box and replace the existing text. Use the text tool bar to format the text.

Document Viewer

This option allows users to view and interact with digital documents directly within your AICC course. You can upload a PowerPoint (PPT) presentation or a Portable Document Format (PDF) file to the Document Viewer. 




When a file is selected, an icon will be displayed (PPT or PDF) together with the filename.

NOTE: You will be notified if the file you are trying to upload is protected.

On Course Preview page, Document Viewer content will be displayed as follows:

E. Quiz

Use the 'Quiz' tool to create assessments.

NOTE: It is important to click 'Save' after adding the Quiz block. This will allow the user to add questions to the quiz.

After saving the course, the 'Add Questions' button should be available.

There are two ways to add a quiz: 

Add New Question

This allows users to choose among different question types: Multiple Choice, True or False, Matching, and Fill in the Blank.

In this example, let's create a True or False question.

Require Quiz Attempt for Course Completion

If the toggle is switched on for a specific quiz in the course level, that quiz will be excluded from the completion percentage and the course will not reach 100% unless that specific quiz was attempted.

F. Accordion

Format the text to present individual items sequentially or to contrast various ideas in a clear, user-friendly layout.

a — Click the 'plus' icon to add an accordion tab.

b and c — Use the 'up' or 'down' icon to rearrange the tab sequence.

d — Click the 'trash bin' icon to delete the current tab.

e — Rename the text to add a label to the current tab.

f — Click the 'Text' button to add a text block to the current tab.
g — Click the 'Image' button to add an image to the current tab.
h — Click the 'Media' button to add video or audio to the current tab.

G. AI Assistant

Utilise AI to generate content, practical example, case study, or scenario. Hover over the 'AI Assistant' tool to display the different AI options.

Generate Learning Objectives

You can now add learning objectives to courses you have already created or include them if you forgot to enable the toggle during setup, without regenerating the entire course. This will appear on both topics and subtopics. When clicked, it works like the 'Learning Objectives' toggle in the course wizard, creating learning objectives for the whole course and adding them as a separate topic at the start.

1. Cover All Subtopics in the Topic — This option creates a quiz that includes questions from every subtopic within the selected topic, ensuring comprehensive coverage of the material.
   
2. Cover Subtopic Only — This option generates a quiz focused exclusively on the chosen subtopic, allowing for targeted assessment of that specific area.
   
3. Cover Entire Course — This option produces a quiz that encompasses questions from all topics and subtopics throughout the entire course, providing a broad assessment of overall knowledge.
   

NOTE: The 'Generate Quiz' option will not be displayed for the following scenarios:

1. If 'No Quiz' is selected in Quiz Settings
   
2. If a subtopic already has a quiz
   
3. If a subtopic has no content yet
   
4. If working on a topic ('Generate Quiz'
   will be available for subtopics only.)

NOTE:

1. Selected 'Language' and 'Voice' settings when converting text to speech for the first time is automatically applied when using the text-to-speech feature again.
2. When converting text from accordions to audio, all the content from the different accordion tabs will be merged into a single audio file.
3. If a text block exceeds 8,000 characters, the audio will be divided into two or more equal parts at a natural cutoff point within the text.
   
4. A full stop will be added automatically to each heading, allowing the converted audio to speak clearly.
   
5. Images, other audios, videos and quizzes will be excluded from the text-to-speech conversion.
   
6. For text contents that has tables, a line is added to the converted audio wherein it introduces the columns and data in each row.
   
1. 'This table has the following columns [then each column is read].'
   
2. 'Row data is [then data on each row is read].'
   

These lines when introducing a table are also available on all the supported languages in the AICC.

 

After choosing an option, a prompt message will ask for confirmation. Below is a sample for your reference. Then, choose 'No' to cancel or 'Yes' to add AI-generated content.

Save your changes using the 'Save' button to complete the editing process. Once finished, you can preview your course using the 'Preview' button. 

Related Tutorial

How to Edit a Course

How to Edit the Course Blocks

How to Create a Theme

How to Edit a Course Cover Page