Print book

Course Site Basics Update

This book covers:

How to Turning Editing on, Move a block to the sidebar, Move an activity or resource, Drag to upload a file, Upload an image or video to a page and Enabling more options


Site: learnonline
Course: learnonline Help (Staff)
Book: Course Site Basics Update
Printed by: Guest user
Date: Thursday, 21 November 2019, 12:23 AM

Course site basics

This book gives an overview on the basics of operating and navigating your course site. We have help available on:

  • Browser requirements
  • Accessing your course website
  • How to Copy or Create a course site
  • Course site navigation and overview
  • Course site overview
  • How to Turn editing on
  • Editing tools
  • How to make a site available to students
  • Managing weeks and topics
  • Add and manage Blocks
  • How to move a block to a sidebar
  • How to move an activity or resource
  • How to edit the title of activity or resource
  • How to upload a file
  • How to upload an image to a page
  • How to upload a video to a page
  • How to stop automatic embedding of videos
  • How to enable more options
  • Managing Copyright status
  • Change the website format
    • Tab format
    • Grid format
  • Access the grader report
  • How to download grades for viewing

Internet Browser Information

Web Browsers

To get the most out of your learnonline course site, it’s important that you have a recent version of one of the popular browsers installed.
No browser is perfect and they are continually being updated and revised by the software suppliers. These changes may affect the way your learnonline course site displays and functions. The table below indicates how key learnonline functions work with each of the popular browsers. You can use the table to inform your choice of browser depending on how you need to edit your course website. We will update the table with information about changed browser functionality as it is received.

You can use the linked browser name in the table to download the latest version. Links open in a new window or tab.

Edit webpages Edit files with Drag and Drop Edit file image sizes in browser View embedded MP4 video Virtual Classroom Helix Media DragMath
Chrome (version 42 and above) *(click for info)
Firefox (version 40 and above)
Internet Explorer (version 11 and above) *(click for info)
Safari (version 6 and above)

What next?

Once you have an appropriate browser installed you can continue working through other sections of Course Site Basics which can be accessed via the table of contents on the right of the page.  You'll find information about how to edit and navigate your course site and use other basic functions.

Internet Explorer and Helix

Sometimes, the Upload button will not display in Helix Media.  This is caused by a compatibility problem between Internet Explorer, Compatibility View and the Helix Media site.  To resolve, adjust the settings of Internet Explorer or use a different browser.

Upload missing

  1. Select the settings cog
  2. Select Compatibility View settings
  • Uncheck Display intranet sites in Compatibility View and click Close

Settings - Compatibility viewUncheck display intranet sites in Compatibility View

  • Refresh the page and now Browse will be displayed


Accessing your course site

 Access the University of South Australia homepage at

Login Screen

  1. Select Login from the UniSA homepage.

Staff login 

  1. Select Staff.

myUniSA will open.

Select Teaching

  1. Select Teaching 

If you are not already logged in you will be prompted with an authentication window.


  1. Enter your UniSA Username.
  2. Enter your UniSA Password.
  3. Select Log In.  

The Teaching Portal Search window will open. From here you will be able to view the Course and Programs you are affiliated with. 

my Courses are the courses you have been assigned to. If nothing displays here you may not have been given appropriate access. You can search for the course using the Course Code or Name (please see this guide on Course Staffing for more information on access).

Teaching Portal Academic View

  1. Select a course offering you wish to view from your my Courses list.

Alternatively, you can click on the Courses tab to view a more detailed list of courses. 
The My Favourites list can be added to or edited from this page so you can put your current courses within easy access. 

Teaching Portal Courses Page

  1. Click on Courses 
  2. A detailed view of the my Courses list is displayed. 
  3. Or you can Search for a Course. 

From the Course page you will have access to the Task List on the right-hand side which will provide you with more information. 

Course Dashboard

  1. Select to view or create the Course Outline.
  2. Select to access the Learnonline site for the course.
  3. Select to access Result Entry if available to the user.
  4. Select to access the MyCourseExperience evaluations.
  5. Select alternative offerings of the course in the current or previous study periods.

Copy/Create a course site

The link below contains detailed instructions on how to copy or create a learnonline course site

Copy or Create a course site

Course site navigation and overview

Course site navigation

  1. Breadcrumbs at the top of the page to return to other pages in your course.  Hovering over the text, underlined areas can be selected to navigate back to that page.


  1. Tabs is one way that content is organised to be delivered to the student.
  2. Content is displayed related to weekly tasks or other activities and resources.
  3. The sections found on the sides of your page are referred to as blocks.

Turn Editing On

Turn editing on

  1. You can enable editing of elements on the course website by selecting the Turn editing on button in the top-right corner.  Select again to turn editing off.

Editing tools to manage topics, activities and resources

With editing turned on you are able to perform several functions.

Edit Topic

Edit topic

  1. Select the pen to edit the name of the topic
  2. Select Edit to access 
    1. Edit topic settings
    2. Highlight the topic
    3. Hide topic
    4. Delete topic
  3. Select the arrow to move the topic within the website.

Edit Topic Settings

Editing topic settings

  1. Select to enable the topic to be renamed.
  2. Enter the name of the topic.
  3. Enter a description of the topic.
  4. Select to Restrict access to the topic. 
  5. Save changes.

Highlight Topic

Highlight topic

Highlighting a topic may be useful to draw attention of the students to an important element within the website.

Edit Activity or Resource

Edit activity or resource

  1. Select the pen to change the name of the activity or resource.
  2. Select Edit to:
    1. Edit Settings to change the settings of the existing activity or resource.
    2. Move right.
    3. Hide the activity or resource.
    4. Duplicate the activity or resource to enable quick and easy creation of similar elements.
    5. Delete the activity or resource. Note:  This cannot be undone
  3. Select the arrow to move the activity or resource within the webpage.

Make site available to students

Select to edit course settings

  1. Select Edit settings under the Administration block

Set the Visible setting to Show

  1. Change the Visible setting from Hide to Show.

Scroll down and select Save changes


Blocks are created to:

  • make selecting elements within the course easier.
  • display selected information and updates easily

Standard blocks include:

  • Activities
  • Activity results
  • Blog menu, tags or recent entries
  • Comments
  • Course completion status
  • Course/site summary
  • Courses
  • HTML
  • Latest news
  • Publisher resources
  • Messages
  • Online users
  • Profile
  • Course and program essentials
  • Random glossary entry
  • Tags
  • Textbooks

Add Blocks

Add block

  1. Select Add 

Select block type

  1. Select the type of block to add.  

Added block

  1. The block will display above Add a Block initially but can be easily moved as the user requires.



Manage Blocks

Manage Block

  1. Select to hide the block.  The heading will remain.
  2. Select to dock the block.  The block will move to the left in the margin.
  3. Select to move the block within the webpage.
  4. Select to change block settings.
A.  Hidden Block

Hidden Block

  1. Select the "+" to display the block

Manage Block Settings

Block Settings
  1. Select to Configure the block.
  2. Select to Hide the block.
  3. Select to edit Permissions for the block.
  4. Select to Delete the block

 Configure the Block

Manage block settings

  1. Select to Allow the user to dock this block
  2. Select the types of pages on which to display the block.  
  3. Select the Default region in which the dock displays.
  4. Select the Default weight of the block.  This determines its default position on the screen for different pages for your course website.
  5. Select to make the block Visible for the current page.
  6. Select the Region in which the block displays on the current page.
  7. Select the Weight of the block for the current page.
  8. Select Save changes.

Moving a Block to Sidebar / Docking the Block

Moving a block to the sidebar gives you more room to work with your course and adds a cleaner feel to the site.

Docking a block

  1. Select the arrow to move the block to the side bar.

Moving a block to the sidebar will only apply the setting to yourself. Others will also have to follow the steps.

Docked block

  1. Select the block name from the side bar


To remove a block from the sidebar

  1. Select the name of the block on the sidebar.
  2. Select the right arrow next to the title of the block.

The block will then display as a column on the website.

Normal upload of file

Select Add in the files section

  1. Select Add in the files section

Select attachment

  1. Select Choose File in order to select an attachment.
  2. You can change the title of the file by entering text into the Save as field
  3. Select the Copyright status
  4. Select Upload this file

File should appear in the files section

  1. The document should then appear ready in the files section

You can also elect to "drag and drop" the file into the files area from the file explorer.  However, although the file name appears immediately in the files area, do not save until the file icon appears.  A line will appear to show the file in the process of uploading.  If "save" is selected before this completes, the file will not be available.

Drag to Upload File

Please note you must first turn editing on to complete this process.


Drag file

  1. Select the file and drag it to learnonline, then drop it into "Add files here" section that appears.

Upload an image to a page

Please make sure to first turn editing on to complete this process.


Select picture icon

  1. Position the cursor where you wish to insert the picture.
  2. Select the Insert/edit image icon.

Locate file

  1. Select Find or upload an image

Select file

  1. Select "Choose File" and select your file.
  2. Enter an alternative name if required to associate with the image as it is stored associated with the object.
  3. Enter an author name if necessary.  This will default to the name of the person uploading the file
  4. Choose your license (copyright information).
  5. Select upload this file.

General settings

  1. The file name will display.
  1. Enter an Image description.
  2. Select the Appearance tab if you wish to check additional settings or select Insert.

Appearance settings

  1. Select the alignment for the graphic related to surrounding text.
  2. Select the dimensions of the graphic.  If the Constrain proportions is selected, changes to the width will cause a proportionate change to the height and vice versa.
  3. Enter a value to include vertical or horizontal space around the graphic.
  4. Enter a value to add a border around the graphic.  
  5. Set the Class if required
    1. The properties associated with the graphic will display
  6. Select the Advanced tab to select required additional settings or Insert.

Advanced settings

  1. Select to include an Alternative image.
  2. Select the alternative image to display when the mouse is over the picture and / or when the mouse is not over the picture.
  3. Enter a Title for the picture.  This will display when the mouse hovers over the image and is necessary for accessibility.
  4. Select Insert.

Additional settings are not necessary for the majority of users.

Upload a video to a page

Select insert moodle media

  1. Position the cursor where you wish to insert the video.
  2. Select the Insert Moodle media icon

Select find or upload a sound,video, or applet

  1. Select Find or upload a sound, video or applet...

Choose file and continue

  1. Select Choose File to select your file
  2. You can enter text into the Save as field to change the name of the uploaded file
  3. Enter the name of the author who uploaded the video.  This defaults to the current user.
  4. Select the Copyright status of the file
  5. Select Upload this file

Select Insert

  1. The video will display in the upload window.
  1. Select Insert.

The filename of the video will appear, select save and return to course

  1. The filename of the video will appear

Select Save and return to course

Video displayed

  1. The video will display on the course page.

Stop automatic embedding of videos

Some videos will automatically embed into your page when you past the link for them, in order to disable this, you will need to add class="nomediaplugin" in the html for the video.

Select HTML

  1. Select <> from the editing toolbar to change from normal editing view to HTML editing view.

add class="nomediaplugin"

  • Add class="nomediaplugin" to the hyperlink and select Update


To stop auto-embed:

Enabling more Options

Please note you will have to turn editing on first to complete this process.


Select the activity or resource you wish to edit

Expand all options

  1. Select "Expand all" to show more options.

Copyright Status

File contains copyright material or you are unsure - If you are unsure if your file / document contains copyright material or if your file contains copyright material but you are unsure of the conditions under which it has been copied.

Your or the university own the copyright - If you or the University own the copyright

Used with permission - If you have permission from the copyright owner. Send copies of permissions correspondence to Copyright Services []

eReading or resource licensed to the University - If you have used an electronic resource provided by Digital Resource Service (DRS) or subscribed to by the Library or your school etc.

Public Domain - Refers to materials where copyright has expired

Open Access - Material that is freely available online for anyone to read, download, copy, print, or link to the full texts without having to pay to access the work. Examples include Open Access journals and Creative Commons licensed content.

Change website format

Content in learnonline can be displayed in different ways using the Week, Topic, Tab Topics and Grid formats. Changing the format will change the way in which sections within the site display but not the content within each section. If you don't like a format after its applied you can easily change it back. The instructions below show you how to change the website format but before you do, take a look at the Tab Topics and Grid formats which are excellent alternatives if you're trying to minimise page scroll.


edit course settings

  1. Select Edit Settings in the Administration block of your course page.

Select course format then desired option week topic grid or tab

Scroll down and expand Course format

  1. Select the appropriate layout from the Format dropdown.

Scroll to the bottom of the page and select Save and display.

Tab topics format

The tab topics format displays the section titles as a series of tabs. Clicking a tab will display that section only providing an easy way of navigating the site without having to scroll down a long page to access each section.  See example below.

Tab layout view

  1. Select the tab you wish to view
  2. Content will display in the box below the tabs

To edit a course with tab layout, select Turn editing on, the webpage in edit mode will not display the tabs, each section will need to be edited individually.  Once editing is turned off, the tab layout will display.

Tab course setting, editing on

  1. Website content in the order of the tabs seen in full.

Grid format

The grid format provides a framework to add image icons which can then be used as a basis of navigating to each section in the site. Clicking the image or associated text will display that section only  in a pop-up window providing an easy way of navigating the site without having to scroll down a long page to access each section.  See example below.

Grid layout example

When editing is turned off, or for students:

  1. Select the grid block to view.
  2. Content within the selected section.
  3. Navigate to the previous grid section.
  4. Navigate to the next grid section

To edit a course with grid layout, select Turn editing on, each section will need to be edited individually.  Once editing is turned off, the grid layout will display.

Edit grid layout

To edit your grid menu, select turn editing on;

  1. Topic icon.
  2. Select to change the image used in the grid menu.
  3. Website content in full from the first section.

Download grades for viewing

If you wish to view multiple results for students in a spreadsheet, this is the way to get them together.

 Select Grades

  1. From the main course page in the Administration block select Grades

Select assessment method and Export

  1. Select the Assessment method required

Export Options

  1.  From the Grader Report drop down select Excel spreadsheet from the Export options.  Other options are available but the Excel spreadsheet is the easiest to manipulate and most commonly understood interface.

 Export report Options

  1. Select the items to be included in the download one by one or Select all.
  2. Select to include feedback in the report.
  3. Select to show only active students.
  4. Select the format of the grades.
  5. Select the number of decimal places in the grades.
  6. Select Download.

The file will download for use.