Skip to content

Course Element "Page"

Profile

Name Page
Icon Page Icon
Available since Release 18
Functional group Knowledge Transfer
Purpose Display of different content in a block-based layout
Assessable no
Specialty / Note Editing in a block-based editor is used in form learning resources and portfolio entries in addition to the course element page.

Example

There are different layout variants to choose from, in which the desired elements such as images, texts, tables and videos can be flexibly placed and thus the entire page can be designed.

course_element_page_run_view_de.png

In contrast to the HTML editor (course element "HTML page"), the display in the block-based content editor already largely corresponds to the preview.

course_element_page_edit_mode_de.png

Create page content

In the Tab "Page content" open the editor.

course_element_page_tab_seiteninhalt_de.png

The Content Editor will open. First, add a new layout. (More of these layouts can be added).

course_element_page_tab_layout1_v1_de.png

One or more content elements can be added in each field of a layout.

course_element_page_tab_contentelement_v1_de.png

The following content elements are available:

  • Titel: Titles use the predefined sizes and styles h1, h2, etc.
  • Paragraph: A text that can be designed with a small HTML editor.
  • Table: Table, which can be designed in an associated popup.
  • Mathematical formula: Creating mathematical formulas with the MathJax formula editor.
  • Image: Inserting an image from the Media Center or uploading.
  • Video: Inserting a video file from the Media Center or uploading or new recording
  • Citations: Citations can be stored and reused as standalone content items in the Media Center.
  • Document: Word, PowerPoint or Excel documents can be uploaded as well as created directly. PDF and others can be uploaded or taken from the Media Center.
  • Text segment: A text that can be designed with an HTML editor. (With slightly more options than in the Paragraph content element).
  • Separator: A line used to visually separate two layouts.

Edit page

Edit layout

To edit a layout, select the layout. An associated frame is displayed. In the upper right corner you will see icons with editing options.

Once a layout is selected, the arrangement of the content elements can also be changed later by clicking the gear icon and selecting a different layout arrangement.

Existing content elements are preserved and can be moved to new layout fields.

course_element_page_layout_edit_v1_de.png

Edit content elements

A content element can be changed by selecting it with a mouse click and using the buttons in the upper left corner.

course_element_page_contentelement_title_v1_de.png

  • Cogwheel-Icon: opens popup with editing options
  • 3 Points: Deleting the current element, inserting additional content elements
  • Arrow cross: Move within the layout (also to other fields)

Media storage

The Media Center is available for managing and sharing the integrated media elements in the course.
See Media Center.

Uploading media to the Media Center is done in the personal menu or in the Content Editor when creating a new content item.

Differences: Page - HTML-Page

KB Page KB HTML-Page
Content creation in Content Editor in HTML-Editor
Layout block-based approach HTML-Page
Creation effort lower, since pre-structured mostly higher
Preview directly in editor separate tab "Display content"
Media in Media Center in storage folder
Editing can be allowed to coaches
Extended authorizations
Integration pdf
Integration Office-Documents
Integration draw.io Diagrams

Hint

If only Office documents are to be included, the course elements "Document" or "Folder" can be used as an alternative.

Info

The page can be edited by course owners or optionally by coaches.