Single Page

Last modified by Carina Enke on 13.02.2024

KB_Seite.png

The single page course element allows you to create your own HTML pages with text, images, links, videos or VR content and to integrate and display files. With the external page course element, you can also embed external web pages in your course.

A supplementary video is available for this function.

Usage: Learners' View

Overview

In the single page course element, you can read HTML pages created by the course author and view other files such as images or videos.

Kursrun - Überblick Kursbaustein Einzelne Seite_en.png

Functions for users

When you open the course element, the stored content will be displayed in the middle of the page. As the tutor individually designs the page, each single page course element can look different and contain different elements such as links, media or interactions.

You can be assigned extended rights by a course supervisor. These rights will make additional functions, such as editing the page, available to you. For more information on these functions, see the Functions in the course view section.

Configuration: Authors' View

In the course editor

The following functions are available to authors in the course editor:

Add a course element check list
Click to open instructions on how to add a course element ...

To integrate a course element into your course, proceed as follows:

1

Open the course you want to edit.

Use the pencil icon at the top of the page to open the editing mode.

Kurs-zum Editor wechseln_en.png

2

Select a course element from the menu on the right.

Kurseditor-KB auswählen_en.png

3

In the new window, you can define the position of the new course element within your course structure (left navigation pane). The available positions are marked with an insert icon.

To insert the new course element into an existing substructure, you need to open the substructure by clicking on the small triangle symbol next to its title. The area will open and you will again see insert icons at the positions which are available.

Click on the insert icon at the desired position within the structure. The selected area will be highlighted.

Confirm your choice with Insert course element.

Kurseditor-KB in tree einfügen_en.png

4

The element will be inserted into the course structure at the selected position.

Depending on the course element, you have to make additional configurations or add content in order to complete the configuration.

For these changes to take effect, you must publish the course. The course element will then also become available in the course view.

Kurseditor-KB konfigurieren_en.png

 

 
General configuration settings

In the course editor, you will find the following configuration tabs:

Title and description

Configuration options in the tab title and description ...

Kurseditor - Tab Titel und Beschreibung_en.png

Elements

Description

Title

You need to enter a title for the course element. The title can comprise a maximum of 100 characters. All special characters and numbers are permitted. The title will appear in the navigation menu of the course and also as a heading in the content area.

Changes to the title of the first course element, the so-called main course node ...
 If you change the title of the first course element, the new content will only be applied to the main course node and then displayed in the opened course. If you wish to edit the course title or description, you can do so using the more settings menu of the course.

Subtitle

You can enter a subtitle for the course element with a maximum of 255 characters. All special characters and numbers are permitted. The title will appear as a tooltip in the navigation menu and - if selected and configured accordingly - as a subtitle in the content area.

Description

Here you can describe the course element. The description will appear in the content area below the title.

Depending on the settings configured in the element Display, this additional text is displayed to the user when opening the course element. The user can expand or collapse the view of the text.

 

Display

Define which information about the course element should be displayed in the course view. In addition to the content, you can optionally display the title and description. All course elements are provided with a reasonable presetting, which mostly includes the setting Title, description and content. You can adjust this setting in accordance with the options available for each course element.

Set link for this course element

Each course element can be accessed via fixed link addresses. Therefore, an internal and an external URL is assigned to each course element. These direct links to concrete elements can be used within courses or provided to learners. The URLs are located below the title and description of the element and will appear upon selecting Set link for this course element.  

  • External link: To refer to this course element from outside of the course or learning platform, you can use the external link and insert it, for example as a href attribute, into the desired HTML page.
  • Internal link: To set a link to another course element within the same course, you can insert the internal link as a href attribute into the desired HTML page.

ID

You will need the ID number of the course element (on the bottom right), for example, if you wish to use the expert mode in the visibility or access tab.

VisibilityIf necessary, restrict the visibility of the course element here. For more information, see the Visibility help page.
Access If necessary, restrict the visibility of the course element here. For more information, see the Access help page.

Page content / Configuration

In the Page content or Configuration tab, you can assign a page resource to your course element. You can either use an internal page (single page course element) or an external page (external page course element).

Single page course element

By clicking on the Select or create page button, you can assign your course element specific existing or new content. For more information, see the Select, create or upload page section.

If there is already some assigned content available, you will see the following buttons: Open page in editor, Delete page and Replace page. The options offered by these buttons are described in the Open, replace or delete page in the editor section.

External page course element

To integrate an external page, use the external page course element. The options in the Configuration tab are explained in more detail on the Configure an external page course element help page.

Multilingualism

In this tab, different translations can be added to individual course element areas.

Copy a single page course element within a course

Note on copying a single page course element

If you copy an already fully configured single page course element within the course, the reference to the HTML file used will also be copied. This is the standard behaviour when copying course elements. For a course element of the type single page, this means that the same file will then be displayed for both course elements. If you edit this file later on, e. g. at one point in the course view, the (same) modified content will also be displayed at the other course element location.

To add a different file to the copied course element, you can use the Replace page function in the Page content tab in the course editor and reference another or a new file.

 

In the course view

In the course view, you can use all the course element functions available to users, but also the following additional functions:

Icon_Bearbeiten.png

Edit content

For more information on how to edit an existing page, see the Edit single page section.

As a course supervisor, you can assign extended rights for a course element's additional editing functions to individual or even all course users. These rights can be configured in the tab Access. Further information can be found in the section General configuration settings on this page.

Application examples

  • Embed files with VR content: This page explains how to integrate VR content that is available in the WebGL format.
  • Insert VR content: VR content that is already stored on web servers can be integrated into a page via embed code. This page contains an example for the display of 3D models.
  • Embed videos: Videos can be embedded in many ways. This page describes three options.
  • Provide links (blizz): Links can also be placed on a page in several ways.