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

Rename the icons for activities to allow support of multiple icons for multiple versions

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-74235-master-2
    • Hide
      1. View a course
      2. Create a few different activites on the course (e.g. forum, quiz, assign, choice, chat)
        1. Make a note of the icons that are visible
      3. Duplicate the tab in your browser
      4. Rename the icon for 'forum' to icon.svg, and icon.png:

        mv mod/forum/pix/monologo.svg mod/forum/pix/icon.svg
        mv mod/forum/pix/monologo.png mod/forum/pix/icon.png
        

      5. Purge caches
      6. In the duplicate tab, refresh the page
        1. Confirm that the image did not change for forum
      7. Copy the images from mod/quiz to mod/forum:

        cp mod/quiz/pix/monologo.* mod/forum/pix
        

      8. Purge caches
      9. In the duplicate tab, refresh the page
        1. Confirm that the image for forum has the same icon as quiz, but a different background colour
      10. Copy the SVG image mod/chat to theme_boost's mod_assign:

        mkdir -p theme/boost/pix_plugins/mod/assign
        cp mod/chat/pix/monologo.svg theme/boost/pix_plugins/mod/assign
        

      11. Purge caches
      12. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for chat, but a different background colour
      13. Remove the SVG from theme_boost:

        theme/boost/pix_plugins/mod/assign/monologo.svg
        

      14. Purge caches
      15. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment has returned to its former self
      16. Copy the PNG image mod/chat to theme_boost's mod_assign:

        mkdir -p theme/boost/pix_plugins/mod/assign
        cp mod/chat/pix/monologo.png theme/boost/pix_plugins/mod/assign
        

      17. Purge caches
      18. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for chat again, but a different background colour
      19. Reset all of the icons back to normal
      20. Purge caches
        1. Confirm they are back to their originals
      21. Copy the monologo svg from mod_quiz to the mod_assign 'icon' in the theme:

        mkdir -p theme/boost/pix_plugins/mod/assign
        cp mod/quiz/pix/monologo.svg theme/boost/pix_plugins/mod/assign/icon.svg
        

      22. Purge caches
      23. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment still has it's original icon and has not got the icon for quiz
      24. Move the assignment icon from monologo to icon:

        mv mod/assign/pix/monologo.svg mod/assign/pix/icon.svg
        mv mod/assign/pix/monologo.png mod/assign/pix/icon.png
        

      25. Purge caches
      26. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for quiz, with the same background colour (since they both have the same purpose, which is assessment)
      Show
      View a course Create a few different activites on the course (e.g. forum, quiz, assign, choice, chat) Make a note of the icons that are visible Duplicate the tab in your browser Rename the icon for 'forum' to icon.svg, and icon.png: mv mod/forum/pix/monologo.svg mod/forum/pix/icon.svg mv mod/forum/pix/monologo.png mod/forum/pix/icon.png Purge caches In the duplicate tab, refresh the page Confirm that the image did not change for forum Copy the images from mod/quiz to mod/forum: cp mod/quiz/pix/monologo.* mod/forum/pix Purge caches In the duplicate tab, refresh the page Confirm that the image for forum has the same icon as quiz, but a different background colour Copy the SVG image mod/chat to theme_boost's mod_assign: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/chat/pix/monologo.svg theme/boost/pix_plugins/mod/assign Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for chat, but a different background colour Remove the SVG from theme_boost: theme/boost/pix_plugins/mod/assign/monologo.svg Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment has returned to its former self Copy the PNG image mod/chat to theme_boost's mod_assign: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/chat/pix/monologo.png theme/boost/pix_plugins/mod/assign Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for chat again, but a different background colour Reset all of the icons back to normal Purge caches Confirm they are back to their originals Copy the monologo svg from mod_quiz to the mod_assign 'icon' in the theme: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/quiz/pix/monologo.svg theme/boost/pix_plugins/mod/assign/icon.svg Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment still has it's original icon and has not got the icon for quiz Move the assignment icon from monologo to icon: mv mod/assign/pix/monologo.svg mod/assign/pix/icon.svg mv mod/assign/pix/monologo.png mod/assign/pix/icon.png Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for quiz, with the same background colour (since they both have the same purpose, which is assessment)

    Description

      In 4.0 we updated our icons and included a dynamic background colour that is related to the purpose of the activity.
      For third party plugins they will need to create a new icon to match the feel of our new icons and work with the new background colours.
      Often third party plugins try and support as many versions as possible with the one branch.
      If we renamed our activity icons to something else (currently icon.png, icon.svg) then we could allow these third party plugins to carry and support both icons for multiple versions.

      Attachments

        1. iconsthemedesignermode.png
          iconsthemedesignermode.png
          43 kB
        2. MDL-74235_1.png
          MDL-74235_1.png
          61 kB
        3. MDL-74235_2.png
          MDL-74235_2.png
          62 kB
        4. MDL-74235_3.png
          MDL-74235_3.png
          62 kB
        5. MDL-74235_4.png
          MDL-74235_4.png
          62 kB
        6. MDL-74235_5.png
          MDL-74235_5.png
          61 kB
        7. MDL-74235_6.png
          MDL-74235_6.png
          59 kB
        8. MDL-74235_7.png
          MDL-74235_7.png
          59 kB
        9. MDL-74235_8.png
          MDL-74235_8.png
          60 kB
        10. MDL-74235_9.png
          MDL-74235_9.png
          62 kB
        11. themeimage.png
          themeimage.png
          42 kB

        Issue Links

          Activity

            People

              dobedobedoh Andrew Lyons
              abgreeve Adrian Greeve
              Jun Pataleta Jun Pataleta
              Ilya Tregubov Ilya Tregubov
              Angelia Dela Cruz Angelia Dela Cruz
              Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona), Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              5 Vote for this issue
              Watchers:
              18 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 1 hour
                  1d 1h