/
Course Info Card Overview for Faculty

Course Info Card Overview for Faculty

Each course in Ulearn (Moodle 4.6) includes a Course Info Card placed at the top of the course page in the General Topic section. This card provides students with a streamlined view of essential course information and resources, and gives instructors a user-friendly way to personalize their course entry point.

Key Features

The Course Info Card contains:

  • The Union logo and a customizable course image—faculty can update this image to reflect their subject (e.g., English, chemistry, mathematics).

  • A set of clearly labeled buttons linking to:

    • Course Syllabus

    • Instructor Biography

    • Course Resources

    • Tutoring Support

These buttons are already linked to content stored in the Course Design Files section at the bottom of the course.

Course Design Files Section

This final topic section includes:

  • A syllabus page

  • An instructor bio page

  • Any additional course resources

  • A tutoring link page

This section is hidden on the course page to reduce visual clutter but remains available to students through direct links in the Course Info Card and Course Navigation block. Do not set the visibility to "Hide from students"—doing so will break the links. Instead, keep these resources hidden from view but available so that students can still access them through the buttons.

Editing and Backing Up the Course Info Card

Faculty can make edits to the card—such as class meeting days, times, location, or the image—using the TinyMCE (WYSIWYG) editor. This editor is user-friendly and does not require HTML knowledge for basic changes.

Once you've made changes and are satisfied with how the card looks, we recommend backing up your custom version:

  1. In the editor, go to the View menu and select < >Source code to open the full HTML code.

  2. Click your cursor somewhere inside the source code area.

  3. Press CTRL + A to select all the code, then CTRL + C to copy it.

  4. Open a Word document and press CTRL + V to paste it in.

  5. Save the document for future use.

You may overwrite the original course template code with your custom version in this file—this way, you’ll have a clean backup in case anything ever goes wrong. If needed, you can simply copy and paste your saved version back into the HTML view of the editor to restore it.

What If Something Breaks?

If the Course Info Card or Navigation Block is accidentally deleted or becomes unreadable, you’ll find the original source code for both stored in the Course Design Files section. This lets you quickly restore either component to its original state.

Note* The source code in each courses design files is unique to that course you cannot replace a 2025 fall ENGL 111 Header with a 2026 Fall ENGL 111 Headers because the course id’s will be different. So the code would link back to the old course. The course import process changes all the ids automatically.