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

Implement course images for the myoverview block

XMLWordPrintable

    • MOODLE_35_STABLE
    • MOODLE_35_STABLE
    • MDL-61657-master
    • Hide

      As admin Make sure your Moodle install has a at least 4 courses

      Go to one of the courses and edit course settings

      Upload an image to the course overview files.

      Enrol 2 test users in all 4 courses (user1 and user2 for now)

      Login as user1 and ensure the enrolled courses are visible on the user dashboard. Courses without a course image should show a pattern image. Courses with the course image should show the image at the top of the card.

      Reload the page, make sure the patterns look the same

      Open a new browser tab

      Login as user2 Look at the course images and patterns. The same images and the same patterns should be shown for user1.

      The same base colors (background color) should be used for pattterns shown on the dashboard of user1 and user2

      Switch themes to the clean theme (through URL or change theme as admin)

      Login as user1 en ensure the images are shown on the user dashboard.

      Show
      As admin Make sure your Moodle install has a at least 4 courses Go to one of the courses and edit course settings Upload an image to the course overview files. Enrol 2 test users in all 4 courses (user1 and user2 for now) Login as user1 and ensure the enrolled courses are visible on the user dashboard. Courses without a course image should show a pattern image. Courses with the course image should show the image at the top of the card. Reload the page, make sure the patterns look the same Open a new browser tab Login as user2 Look at the course images and patterns. The same images and the same patterns should be shown for user1. The same base colors (background color) should be used for pattterns shown on the dashboard of user1 and user2 Switch themes to the clean theme (through URL or change theme as admin) Login as user1 en ensure the images are shown on the user dashboard.

      The myoverview block is being redesigned based on UX studies and the work done by the Moodle UX team.

      Changes will be done step by step. The first step is to add images to the course to create nice course cards. The images are used above the card content. User can add a custom image using the course edit form, this form allows for the upload of an image file.

      All cards need to have an image for the design to make sense. In case no image is available Moodle will generate a geopattern image using the geopattern library.

      The geopattern library can create semi-random patterns based on the course name.

      The attached commit includes changes for bootstrapbase and theme boost.

       

       

            basbrands Bas Brands
            basbrands Bas Brands
            David Monllaó David Monllaó
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Janelle Barcega Janelle Barcega
            Votes:
            1 Vote for this issue
            Watchers:
            13 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 40 minutes
                40m

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