Display course listings as card components

Created on 10 April 2025, 15 days ago

Problem/Motivation

Currently the Courses listing is a simple unformatted list of links. It would have a more polished look, and be more informative, if they are displayed as cards.

Each course card could include:

  • title
  • image
  • description summary
  • prerequisites
  • status
  • progress indicator
  • tags
  • action buttons

Some of these will need extra fields to be added to the lms_course group type, which may involve an upgrade path.

πŸ“Œ Task
Status

Active

Version

1.0

Component

General appearance

Created by

πŸ‡¨πŸ‡¦Canada ob3ron Canada

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @ob3ron
  • πŸ‡΅πŸ‡±Poland Graber

    I think that’s site building and theming.. not sure if this should be in LMS core, every project will customize that anyway.

  • πŸ‡΅πŸ‡±Poland Graber

    Maybe providing some default components is a good idea though. The question is what’s the best place for them?

  • πŸ‡¨πŸ‡¦Canada ob3ron Canada

    I was thinking just to set up a basic SDC card component, possibly with a default generic course image. Then site builders can customize in their theme or through UI Suite. It can live in a course_card directory under /components.

  • πŸ‡¬πŸ‡§United Kingdom catch

    The extra fields are the sort of thing that would best live in an LMS recipe / site template along the lines of Drupal CMS. I'm not sure what this means for an SDC card component in terms of where it could live or what it could support. If we only included title + a media image field that might be doable, although does UI suite or similar provide one like that already?

Production build 0.71.5 2024