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

Update the Moodle activity icons

XMLWordPrintable

    • 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:

      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.

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

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

              Created:
              Updated:
              Resolved:

                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

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.