Inserting a page

FELIX 30-045

What you need to know

There are various options for providing information in FELIX:
(1) "Document" element: In this course element, you show a completed document (Office documents, PDF or even the display of graphic files). With the help of OnlyOffice, you can also release Office documents for joint editing (see Helpcard 30-220).
(2) "HTML page" element: This element allows you to create welcome, info and content pages using the integrated HTML editor (see HelpCard 30-040).
(3) "Page" element:  The "Page" course element allows you to create welcome, info and content pages using a content editor with a building-block approach.

If you want to create the content directly in FELIX and have no experience with HTML pages, the creation effort for the "Page" module is significantly lower, as layout and content options can already be selected in advance. Further differences between the "Page" and "HTML page" modules can be found in our "External link opens in a new window:FELIX demo course".

Our example: "External link opens in a new window:Learning tips" in the FELIX guide for students (log-in required)

What you have to do

  1. In your course, click on "Course editor" under "Administration" (top left).

    • The course editor will open.

  2. In the course structure (left), activate the course element under which the new element is to be inserted.
    Under "Insert course elements" (above) in the category "Knowledge transfer" select the "Single page" element. Alternatively, you can use the "Quick-Add" search function.

    • You can also move the element later by dragging and dropping.

  3. To rename the course element, enter the title that is displayed in the course in the "Title" field. If necessary, abbreviate the title in the "Title in course menu" field.
    "Save" your entries.

    • Note: The "Title in course menu" is displayed on the left side of the structure. Since the structure is fixed to a certain width, a maximum of 25 characters is recommended.

    • Under "Insert additional information" you can enter e.g. learning objectives and instructions for learners.

    • Under "Visibility" and "Access" you can regulate the visibility and access to the block if required, e.g. depending on the group or date (see Helpcard 30-000).

  4. Click on the red cross (top right) to close the course editor. Select the "Publish automatically" option to publish the change.

    • The course element has been successfully inserted and you can now edit it directly in the course.

  5. Click on the inserted page and then open the editing mode on the right.

  6. Under "Insert new layout", select a suitable layout for your content area and, if desired, set a background colour, define the spacing or use a hint box.

  7. With "Add content" you can fill your content area.

    • Text-based content elements can be found in the "Content" area. You can use the "H element" to generate a heading. The "Paragraph" offers various layout options (e.g. display in columns – each line is arranged in a new column). With the "Note box" you can provide the boxes with colour coding and icons. If the title is selected, it is also possible to make the boxes collapsible. The "Text section" is suitable for pure (less formatted) texts.
      Elements for creating "Tables", "Formulas" and "Codes" are also available.

    • Images, audio files, videos, quotes, documents and draw.io diagrams (tool for creating drawings and diagrams) that are integrated into the "page" are automatically saved in the Media Center. Files already available there can also be integrated into the "page". This means that files can be used and updated across courses. Created files can be shared with other owners or their Media Center directly when uploading or afterwards.

    • Under "Layout", the "Separator" allows you to visually separate different areas using a dividing line. Set the "Separator" specifically at the end. Moving the "Separator" is always a little more difficult.

    • You can replace a selected layout template by clicking on the cogwheel symbol.

    • Changes are saved automatically.

Problems or questions?