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

Activity Icons Render Oversized in Competency Report Pages

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80485-403
    • Hide

      Setup

      1. Install third-party mod_journal plugin, e.g.: 

        $ git clone https://github.com/elearningsoftware/moodle-mod_journal.git mod/journal

      2. Log in as admin
      3. Navigate to Competencies > Competency frameworks in site administration
      4. Press Add new competency frawework
        • Name: Frogs
        • ID number: frog101
        • Scale: Not yet competent (Default); Competent (Proficient)
      5. On next page, press Frogs then Add competency
        • Name: Hopping
        • ID number: hop101
      6. Create a user
      7. Create a course
      8. Enrol user as student in course
      9. Select More > Competencies from course navigation
      10. Press Add competencies to course
      11. Press Add in competency picker for Hopping
      12. Add a Journal activity to the course
        • Course competencies: Hopping hop101
      13. Add an Assignment activity to the course
        • Course competencies: Hopping hop101

      Testing

      1. Navigate to More > Competencies from course navigation
      2. Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon)
      3. Press the second Hopping hop101 link on the page
      4. Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon)
      5. Navigate to Reports > Competency breakdown from course navigation
      6. Ensure test user is selected (from Jump to user)
      7. Press Not rated link next to Hopping hop101
      8. Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon)
      Show
      Setup Install third-party mod_journal plugin , e.g.: $ git clone https://github.com/elearningsoftware/moodle-mod_journal.git mod/journal Log in as admin Navigate to Competencies > Competency frameworks in site administration Press Add new competency frawework Name: Frogs ID number: frog101 Scale: Not yet competent (Default); Competent (Proficient) On next page, press Frogs then Add competency Name: Hopping ID number: hop101 Create a user Create a course Enrol user as student in course Select More > Competencies from course navigation Press Add competencies to course Press Add in competency picker for Hopping Add a Journal activity to the course Course competencies: Hopping hop101 Add an Assignment activity to the course Course competencies: Hopping hop101 Testing Navigate to More > Competencies from course navigation Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon) Press the second Hopping hop101 link on the page Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon) Navigate to Reports > Competency breakdown from course navigation Ensure test user is selected (from Jump to user ) Press Not rated link next to Hopping hop101 Confirm the Journal icon under Activities is appropriately sized (same as the Assignment icon)

      • Reported on client site: Moodle 4.1.7 (Build: 20231211).
        • Reproduced on test site: same version
        • Displayed oversized icons for: mod_stickynotes, mod_journal, mod_diary
        • Client also reported: mod_attendance, mod_groupselect, mod_reengagement
      • Also was reported on client site Moodle Workplace 3.11.18 (Build: 20231212):
        • Displayed oversized icons for: mod_page, and mod_url

       
      Steps to reproduce: *

      • Import/create competency framework (example attached) 
        • See File: Mathematics - Communication-Math-Comm1.0-20231221_1743-comma_separated
      • Create course and add competency framework to course
      • Add/activate plugins to site known to render too large:
        1. I tested and can confirm: 
          1. mod_stickynotes, mod_journal, and mod_diary
        2. Client also reported:
          1. mod_attendance, mod_groupselect, mod_reengagement
      • Add activities ^ to the course and attach the same (choose one single) competency framework to all 
      • Be sure there is at least one test student enrolled in the course
      • Go to Course > Reports > Competency Breakdown, with test student selected, click the "Not rated (link)" for the (single) competency framework you had selected in step 4:
        • Displays a horizontally aligned unordered list and you can observe the oversize icons
        • Note this unstyled horizontal alignment creates a chaotic page appearance especially with longer activity names
        • LINK EXAMPLE: https://yoursite.com/report/competency/index.php?id=4 
        • See Image1
      • Also view by going to Course > Competencies 

        1. MDL-80485.png
          MDL-80485.png
          479 kB
        2. Mathematics - Communication-Math-Comm1.0-20231221_1743-comma_separated.csv
          3 kB
        3. Image2.png
          Image2.png
          290 kB
        4. Image1.png
          Image1.png
          245 kB

            pholden Paul Holden
            deanna.cleary@moodle.com Deanna Cleary
            Luca Bösch Luca Bösch
            Mihail Geshoski Mihail Geshoski
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 53 minutes
                1h 53m

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