Cards format

Course formats ::: format_cards
Maintained by John Maydew
Show each section of your course as a large card
Latest release:
663 sites
359 downloads
19 fans
Current versions available: 2

Moodle Cards format

A format which displays sections of your courses as cards with images, similar to format_grid or format_tiles. The cards format is an extension of the default Topics format to make it easier to maintain.

Features

  • Large cards with user configurable background images
  • Responsive cards scale down for mobile devices
  • Choose between horizontal and vertical cards
  • Cards can display a user's completion progress for each section
  • Easily import images used in the grid format

 

Installation

The cards format only requires a version of Moodle still receiving general or security support. You can check whether your version of Moodle is supported by looking at the release calendar https://moodledev.io/general/releases

You must still have the default topics format installed on your site. There are no special installation steps, just install as you would any other plugin

Install from Moodle.org

  • Download .zip file from https://moodle.org/plugins/format_cards
  • Navigate to /moodle/root/course/format
  • Extract the .zip to the current directory
  • Go to your Moodle admin control panel, or php /moodle/root/admin/cli/upgrade.php

Install with Composer

  • Navigate to your Moodle root folder
  • composer require vidalia/moodle-format_cards

Install from git

  • Navigate to your Moodle root folder
  • git clone https://github.com/Vidalia/moodle-format_cards.git course/format/cards
  • Make sure that user:group ownership and permissions are correct
  • Go to your Moodle admin control panel, or php /moodle/root/admin/cli/upgrade.php

Install from .zip

  • Download .zip file from GitHub
  • Navigate to /moodle/root/course/format
  • Extract the .zip to the current directory
  • Rename the moodle-format_cards-master directory to cards
  • Go to your Moodle admin control panel, or php /moodle/root/admin/cli/upgrade.php

Screenshots

Screenshot #0
Screenshot #1

Contributors

John Maydew (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Ukázat komentáře
  • Plugins bot
    středa, 31. srpna 2022, 23.11
    Approval issue created: CONTRIB-9062
  • Mike Wilday
    čtvrtek, 15. prosince 2022, 01.52
    Hi John, we really like your cards format and are excited to see how it develops over time. Have you ever considered adding a progress indicator similar to Format Tiles? The Tiles plugin displays a nifty percentage complete that many students could find useful, especially when there is a lot of content in a course each week. Thanks for your efforts to make Moodle beautiful.
  • Mike Wilday
    čtvrtek, 15. prosince 2022, 04.31
    It also lets you display that as a single line as in this image. https://app.screencast.com/2a00VRXrsehG6
  • John Maydew
    čtvrtek, 15. prosince 2022, 18.18
    We hadn't initially planned to add a completion marker, but that definitely looks like it would be useful to have.

    I've put in an enhancement for it on the repository: https://github.com/Vidalia/moodle-format_cards/issues/4
  • Mark Lyndon
    úterý, 12. září 2023, 00.01
    Hi John, I noticed that the section navigation displays when the admin default is set to 'None', and only hides it when chosen at the course level. Just highlighting it in case it's a bug, I'm using 4.1.4 if that helps.
  • John Maydew
    úterý, 12. září 2023, 16.57
    Thanks for the heads up! I'll get that sorted shortly https://github.com/Vidalia/moodle-format_cards/issues/8
  • Gube engen
    sobota, 23. září 2023, 03.20
    This course format is the most stable one- very beatifull! Thanks for the plugin...
  • Ryan Rufener
    sobota, 7. října 2023, 03.14
    Hi! Do you plan to add the indent feature that Moodle core brought to the Topics and Weekly format? https://docs.moodle.org/402/en/Course_formats
    "From Site administration > Plugins > Course formats > Topics format and > Weekly format, the admin to disable or enable the indenting of items on course pages. (Indenting is enabled by default in new sites from 4.2 onwards.) The admin can also reset any indentation previously set on Topics and Weekly format course pages."
  • Mike Wilday
    čtvrtek, 16. listopadu 2023, 02.05
    Hi John, do you have any plans for a 4.3 update? We're considering moving to this format but want to see if you've got anything in the works.
  • John Maydew
    úterý, 28. listopadu 2023, 22.38
    Hi Mike, sorry for the delay. I've installed the plugin on a fresh version of Moodle 4.3 and everything is working as expected
  • Alex L4
    čtvrtek, 2. května 2024, 02.00
    Hi John, do you have any plans for a 4.4 update?
  • John Maydew
    pátek, 3. května 2024, 20.38
    Hi Alex, we're currently in the middle of migrating our own Moodle instance over to 4.4 so proper support is in the works.

    There are a couple of known issues already which are being tracked in GitHub: https://github.com/Vidalia/moodle-format_cards/milestone/2
  • Bert van der Hooft
    pondělí, 20. ledna 2025, 21.56
    John,

    Nice course format! How can I adjust the overlay in such a way that the icons are not grey?

    Bert
  • Mark Lyndon
    středa, 19. března 2025, 23.51
    Hi John,
    Is there anything in the works for a Moodle 4.5 version?
    Kind regards,
    Mark
  • John Maydew
    čtvrtek, 27. března 2025, 16.56
    Mark -- My institution is going to start looking at upgrading our own version of Moodle to 4.5 in the next new weeks. I've already set up a new development branch on Git, so hopefully I'll have some of the bugs ironed out shortly.

    Bert -- Thank you for the kind words! If you're comfortable editing your site's CSS rules (and you have access), you can override the background colour of the labels and icons within cards by overriding the .bg-secondary class:

    .card-overlay .bg-secondary {
    background-color: blue !important;
    }

    You can add this into either your theme's custom SCSS rules, if the theme supports it, or wrap it in a tag and inject it into your site's "Appearance / Additional Html / Within HEAD" setting

    If not, I can investigate adding it as a configurable option
Please login to post comments