Configure Content Display Settings in Moodle

After you have completed all the base Percipio-Moodle integration configurations, it is recommended that you configure how Percipio content is displayed in Moodle.

Note: Performing these configurations also changes how non-Percipio content appears in Moodle.

Skillsoft recommends that you configure three areas in Moodle:

  • The site home tab

  • Display the full course name

  • The course image display size

To configure the site home tab:

  1. Navigate to Site Administration.

  2. On the System Administration page, click Front Page Settings.

    Site administration page

  3. In the Front page items when logged in dropdown menu, choose List of Categories.

    List of categories drop down

  4. Click Save.

To display full course names:

  1. Navigate to System Administration > Appearance.

    Site administration, appearance tab

  2. Under the Appearance section, click Navigation.

  3. Click the Show course full names checkbox.

    Show course full names setting

  4. Click Save.

To configure the course image display size:

  1. Go to System Administration > Appearance

  2. Go to the Themes section, click Boost.

    Boost button under themes section

  3. Navigate to Advanced Settings.

  4. On the Advanced Settings page, go to the Raw CSS text box

    .Raw initial SCSS section on advanced settings tab

  5. In the Raw CSS text box, enter the following CSS code sample and click Save.

Copy 
.coursebox .content .courseimage img { 

 max-width: 100% !important; 

    max-height: none !important; 

    display: block; 

    margin-left: auto; 

    margin-right: auto; 

} 

@media only screen and (max-width: 768px) { 

.coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container {     

    margin: 15px 0px 5px !important;     

    padding: 0 !important; 

} 

}