Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-71457

Update the Moodle activity icons

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-71457-master-3
    • Hide

      For this test please install a third party activity type plugin to check the icon styling of non-core activities. The subcourse activity is nice to test with:
      https://moodle.org/plugins/mod_subcourse

      Test the activity icons on the course page

      1. Login as admin
      2. Restore the attached course backup as a new course
      3. Verify the course activities have the icons as shown in the attachements on this issue (except the resource type)
      4. Verify the colours used for the activities match the icon colours as shown on the attachment

      expected look:

      Test the activity icons on the gradebook

      1. Enrol a test user on the restored course
      2. Navigate to the course gradebook
      3. Verify you see the new activity icons without any background in black

      expected result:

      Test the activity icons in the activity chooser.

      1. On the course turn editing on
      2. Click the 'add an activity or resource' link
      3. Verify you see the new activity icons with the background colours
      4. Verify you see the subcourse plugin with the standard icon and a dark gray background

      expected result:

      Test the activity icons in the main menu block

      1. Add the main menu block to the site homepage
      2. Click the "add an activity or resource" link
      3. Add an assignment a resource activity and the subcourse activity
      4. Verify you see the activity in the block similar to the image below

      expected result:

      Show
      For this test please install a third party activity type plugin to check the icon styling of non-core activities. The subcourse activity is nice to test with: https://moodle.org/plugins/mod_subcourse Test the activity icons on the course page Login as admin Restore the attached course backup as a new course Verify the course activities have the icons as shown in the attachements on this issue (except the resource type) Verify the colours used for the activities match the icon colours as shown on the attachment expected look: Test the activity icons on the gradebook Enrol a test user on the restored course Navigate to the course gradebook Verify you see the new activity icons without any background in black expected result: Test the activity icons in the activity chooser. On the course turn editing on Click the 'add an activity or resource' link Verify you see the new activity icons with the background colours Verify you see the subcourse plugin with the standard icon and a dark gray background expected result: Test the activity icons in the main menu block Add the main menu block to the site homepage Click the "add an activity or resource" link Add an assignment a resource activity and the subcourse activity Verify you see the activity in the block similar to the image below expected result:

    Description

      For Moodle 4.0 a new design for the activity icons will be provided by the UX team.

      EDIT:

      After review we will apply some categories to the activity icon colours with the aim to standardise and provide guidance to community plugin developers on which colours to use for their icons.

      We will base this on the purpose categories from the Moodle Plugin database. Colours and categories defined in this spec.

      If time allows we should look at allowing plugins to specify which category they belong to, so that Moodle will pick the corresponding icon background colour.

      Alternatively, we can define the colours and categories as a guide in the component library and docs.

      Attachments

        1. activity chooser.png
          activity chooser.png
          878 kB
        2. backup-moodle2-course-2-features_demo-20210915-0740-nu.mbz
          1.46 MB
        3. Colors.png
          Colors.png
          33 kB
        4. icons course.png
          icons course.png
          104 kB
        5. icons coursepage.png
          icons coursepage.png
          91 kB
        6. Icons on activity chooser.png
          Icons on activity chooser.png
          1.05 MB
        7. icons on gradebook.png
          icons on gradebook.png
          861 kB
        8. icons on main menu.png
          icons on main menu.png
          814 kB
        9. image-2021-11-15-11-54-56-390.png
          image-2021-11-15-11-54-56-390.png
          34 kB
        10. main menu.png
          main menu.png
          28 kB
        11. main-menu-1.png
          main-menu-1.png
          66 kB
        12. main-menu-editing.png
          main-menu-editing.png
          66 kB
        13. MDL-71457_activity icons_activity chooser.png
          MDL-71457_activity icons_activity chooser.png
          1.02 MB
        14. MDL-71457_activity icons_course page.webm
          405 kB
        15. MDL-71457_activity icons_gradebook.png
          MDL-71457_activity icons_gradebook.png
          345 kB
        16. MDL-71457_activity icons_main menu block.png
          MDL-71457_activity icons_main menu block.png
          1.04 MB
        17. mod_subcourse_moodle311_2021021401.zip
          102 kB
        18. new_activity_icons_SVG.zip
          16 kB
        19. New_Icons.png
          New_Icons.png
          123 kB
        20. Screen Shot 2021-09-06 at 9.35.01 am.png
          Screen Shot 2021-09-06 at 9.35.01 am.png
          68 kB
        21. Screen Shot 2021-09-06 at 9.35.14 am.png
          Screen Shot 2021-09-06 at 9.35.14 am.png
          8 kB
        22. Screenshot 2021-10-27 at 11.30.12.png
          Screenshot 2021-10-27 at 11.30.12.png
          25 kB
        23. Screenshot 2021-12-13 at 08.07.18.png
          Screenshot 2021-12-13 at 08.07.18.png
          292 kB
        24. Screenshot 2021-12-13 at 11.11.47.png
          Screenshot 2021-12-13 at 11.11.47.png
          329 kB
        25. Screenshot 2021-12-13 at 11.14.20.png
          Screenshot 2021-12-13 at 11.14.20.png
          38 kB

        Issue Links

          Activity

            People

              basbrands Bas Brands
              basbrands Bas Brands
              Huong Nguyen Huong Nguyen
              Shamim Rezaie Shamim Rezaie
              Angelia Dela Cruz Angelia Dela Cruz
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              3 Vote for this issue
              Watchers:
              25 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 2 days, 2 hours, 1 minute
                  1w 2d 2h 1m