Skip to main content

eLearning Layout Editor Options

To publish content that you can import into a Learning Management System (LMS), you need to create an eLearning layout, see Create a Layout. Make sure to select the appropriate eLearning option (eLearning or SCORM).

The layout contains "publishing settings" that Paligo applies to your content when it builds your output. Paligo has built-in layouts for eLearning and SCORM output, but we recommend that you create your own layout. You can then make changes to the layout settings and use it as the basis for other layouts too. Style the layout, see eLearning Styling.

In the Layout Editor you have the following settings for an eLearning layout:

  • TOC and Chunking - TOC settings are for controlling options for the Table of Contents. Chunking settings are for controlling the size of your topics in the HTML output.

  • CSS, JS, Logos and Other Assets - Upload your logotype to replace the Paligo output and add your customized CSS and JS files.

  • Quizzes - Decide whether the questions are to be displayed one by one or all at the same time. The default is one by one.

eLearning_Layout_small.jpg

By default, the eLearning output includes the Paligo logo in the top corner, above the table of contents. To replace it, you can upload your own logo image to your eLearning layout. When you publish that layout, the output will use your custom logo instead.

Sample Paligo eLearning output. In the top left corner, there is a whale logo. This is a custom logo that has been uploaded to a layout.

Elearning output with custom logo in place.

To add a custom logo:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select CSS, JS, logos and other assets in the sidebar.

    CSS_JS_logos_and_other_assets.png
  4. Use the Logotype field to upload a logo image. You can upload an image in any of these formats: ai, svg, pdf, png, tif, gif.

  5. Select Save.

When you publish using this layout, Paligo will generate an eLearning layout that uses your uploaded image as the logo.

Note

You can set up the logo to act as a hyperlink to another web page such as your company homepage. To find out more, see Set a Logo to Link to a Web Page.

If you upload a CSS file to your eLearning layout, Paligo gives it a unique ID. This happens each time you upload a CSS file. For example, let's say you upload a file and Paligo gives it a unique ID. You then decide you need to make more changes, so you update the file outside Paligo and upload it again. This second upload is given a completely different ID to the first upload, and so, when you publish, the CSS file will have a different name. If you prefer, you can set Paligo to use a consistent file name (layout-custom-style.css) so that the CSS file name does not change.

To set Paligo to keep using the same CSS file name:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select CSS, JS, logos and other assets in the sidebar.

    CSS_JS_logos_and_other_assets.png
  4. Set Persistent custom CSS filename to:

    • Enable - Sets Paligo to keep the same file name for the CSS file. Paligo uses this file name:

      layout-custom-style.css
    • Disable - Sets Paligo to generate a new ID and file name each time you add a CSS file to the layout. If you select Disable, the CSS file in the output will have a randomly generated file name. The file name will change each time you replace the CSS file in the layout.

    Persistent custom CSS filename field. It has a dropdown menu for selecting enable or disable.
  5. Select Save.

When you publish, Paligo will apply the setting you have chosen. If there is a custom CSS file in your output, it will be called 'layout-custom-style.css' if you chose Enable or it will have a random file name if you chose Disable.

The default layout setting for quizzes in Paligo is to show the questions one by one. It is also possible to show them all at once. This can be styled in the eLearning layout configuration.

Tip

You can override the default setting (or a LE configured setting) for an individual quiz topic, by adding the role quiz-show-all or quiz-show-single to the qandaset element.

Element attributes. The qandaset element is selected and it has a role attribute with a value of quiz-show-all

To style the eLearning layout:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select Quizzes in the sidebar.

    Quizzes.png
  4. Select One by one or All from the menu.

    Questions display setting. There are two options: One by one and All.
  5. Select Save.