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

Redesign the Moodle login page

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-69371-master-4
    • Hide

      Test with a login background in theme Boost and theme Classic

      1. Navigate to Site Administration > Appearance > Themes > [themename]
      2. Upload an image in field "Background image for the login page"
      3. Save changes and log out
      4. Go to the login page
      5. On loginpage: Verify you see the background image behind the login box.
      6. Click the "Forgotten your username or password" link
      7. Verify you see the background image behind the form container box.
      Without language menu test
      1. Log in as admin
      2. Go to Site administration / Language / Language packs
      3. Make sure that there's only one language pack installed (e.g. English)
      4. Open an incognito window
      5. Go to the login page.
      6. Confirm the login page renders okay without the language menu.
      With language menu test
      1. Log in as admin
      2. Go to Site administration / Language / Language packs
      3. Install 2 or more languages.
      4. Run cron.
      5. Open an incognito window
      6. Go to the login page.
      7. Confirm that the login page renders okay with the language menu.
      Lang menu display on Classic
      1. Continuing from the previous test switch the theme to Classic.
      2. Confirm that you can see the language menu on the nav bar.
      3. Go to Site administration / Language / Language packs
      4. Uninstall all other language packs except for English.
      5. Confirm that the language menu is no longer shown on the nav bar.
      Show
      Test with a login background in theme Boost and theme Classic Navigate to Site Administration > Appearance > Themes > [themename] Upload an image in field "Background image for the login page" Save changes and log out Go to the login page On loginpage: Verify you see the background image behind the login box. Click the "Forgotten your username or password" link Verify you see the background image behind the form container box. Without language menu test Log in as admin Go to Site administration / Language / Language packs Make sure that there's only one language pack installed (e.g. English) Open an incognito window Go to the login page. Confirm the login page renders okay without the language menu. With language menu test Log in as admin Go to Site administration / Language / Language packs Install 2 or more languages. Run cron. Open an incognito window Go to the login page. Confirm that the login page renders okay with the language menu. Lang menu display on Classic Continuing from the previous test switch the theme to Classic. Confirm that you can see the language menu on the nav bar. Go to Site administration / Language / Language packs Uninstall all other language packs except for English. Confirm that the language menu is no longer shown on the nav bar.

    Description

      The Moodle login page should be improve to:

      • create a better styled login box using bootstraps custom checkbox etc.
      • allow for customisation of the background image
      • create a better styled signup box
      • improve styling of 3rd party signup methods (google / facebook)

      Attachments

        1. createaccount_collapsedsections.png
          createaccount_collapsedsections.png
          241 kB
        2. forgottenpassword.png
          forgottenpassword.png
          67 kB
        3. login signup.png
          login signup.png
          6.17 MB
        4. MDL-69371_boost_background_1.png
          MDL-69371_boost_background_1.png
          876 kB
        5. MDL-69371_boost_background_2.png
          MDL-69371_boost_background_2.png
          767 kB
        6. MDL-69371_Boost_Background.png
          MDL-69371_Boost_Background.png
          725 kB
        7. MDL-69371_Boost_Forgot password.png
          MDL-69371_Boost_Forgot password.png
          630 kB
        8. MDL-69371_Boost_language menu displayed.png
          MDL-69371_Boost_language menu displayed.png
          790 kB
        9. MDL-69371_Boost_no language menu.png
          MDL-69371_Boost_no language menu.png
          725 kB
        10. MDL-69371_boost_with language menu.png
          MDL-69371_boost_with language menu.png
          939 kB
        11. MDL-69371_boost_without language menu.png
          MDL-69371_boost_without language menu.png
          874 kB
        12. MDL-69371_classic_background_1.png
          MDL-69371_classic_background_1.png
          1.03 MB
        13. MDL-69371_classic_background_2.png
          MDL-69371_classic_background_2.png
          1.03 MB
        14. MDL-69371_Classic_Background.png
          MDL-69371_Classic_Background.png
          868 kB
        15. MDL-69371_Classic_Forgot password.png
          MDL-69371_Classic_Forgot password.png
          738 kB
        16. MDL-69371_Classic_language menu displayed.png
          MDL-69371_Classic_language menu displayed.png
          955 kB
        17. MDL-69371_Classic_language menu on nav bar.png
          MDL-69371_Classic_language menu on nav bar.png
          194 kB
        18. MDL-69371_Classic_no language menu on nav bar.png
          MDL-69371_Classic_no language menu on nav bar.png
          156 kB
        19. MDL-69371_classic_with language menu.png
          MDL-69371_classic_with language menu.png
          1.10 MB
        20. MDL-69371_classic_without language menu.png
          MDL-69371_classic_without language menu.png
          1.04 MB
        21. MDL-69371_classic.png
          MDL-69371_classic.png
          156 kB
        22. MDL-69371_login.png
          MDL-69371_login.png
          106 kB
        23. pageandlocationverification_page.png
          pageandlocationverification_page.png
          74 kB
        24. sample login page with all features enabled.png
          sample login page with all features enabled.png
          2.66 MB
        25. Screenshot 2021-06-10 at 08.52.29.png
          Screenshot 2021-06-10 at 08.52.29.png
          6.98 MB
        26. type-mismatch-failure.png
          type-mismatch-failure.png
          224 kB

        Issue Links

          Activity

            People

              basbrands Bas Brands
              basbrands Bas Brands
              Mathew May Mathew May
              Adrian Greeve Adrian Greeve
              Angelia Dela Cruz Angelia Dela Cruz
              Huong Nguyen, Bas Brands, Mathew May, Huong Nguyen, Barbara Ramiro, Bas Brands, Mathew May
              Votes:
              4 Vote for this issue
              Watchers:
              17 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 4 days, 3 hours, 35 minutes
                  1w 4d 3h 35m