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

Redesign the Moodle login page

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Waiting for peer review
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.10, 4.0
    • Fix Version/s: None
    • Component/s: Themes, UX
    • Testing Instructions:
      Hide

      For ease of testing use 2 different browsers, login as admin in one browser so you can ajust settings and just stay on the login page on the other browser.

      Test without any additional configuration

      1. Navigate to the login page
      2. Verify you can login to the site
      3. Try logging in with an incorrect password
      4. Verify you see an error message like "Invalid login, please try again" in a red alert.

      Test with additional languages

      1. Navigate to Site Administration > Language > Language packs
      2. Install 2 additional language packs
      3. On loginpage: Verify you see the language selector in the top right of the login box
      4. On loginpage: Test the language selector to see if it really changes the language on the page

      Test with a logo

      1. Navigate to Site Administration > Appearance > Logos
      2. Upload a logo (not the compact logo)
      3. Save changes, logout and go to the login page
      4. On loginpage: Verify you see the logo centered in the top of the login box

      Test with a custom welcome message

      1. Navigate to Site Administration > Plugins > Authentication > Manage authentication
      2. Scroll to the Instructions text field and enter some dummy text
      3. On loginpage: Verify you see the heading "Is this your first time here?" with your dummy instructions text in the login box

      Test the maintenance mode message

      1. Navigate to Site Administration > Server > Maintenance mode
      2. Enable maintenance mode
      3. Add a message in the "Optional maintenance message" box
      4. Save changes
      5. On loginpage: Verify you see the maintenance message in the login box

      Test with self registration

      1. Navigate to Site Administration > Plugins > Authentication > Manage Authentication
      2. Enable authentication method "Email-based self-registration" if it is not enabled yet.
      3. In the dropdown for "Self registration" select "Email-based self registration"
      4. On loginpage: Verify you see the "Create new account" button
      5. On loginpage: Click the "Create new account" button and verify you see the login form

      Test with authentication providers

      1. Navigate to Site Administration > Plugins > Authentication > Manage Authentication
      2. Enable the Auth2 authentication method
      3. Navigate to Site Administration > Server > OAuth2 services
      4. Click "Google"
      5. add "1234" as client id and "1234" as client secret and Save changes
      6. Click "Facebook"
      7. add "1234" as client id and "1234" as client secret and Save changes
      8. Click "Microsoft"
      9. add "1234" as client id and "1234" as client secret and Save changes
      10. On loginpage: Verify you see all the authentication providers on the page
      Show
      For ease of testing use 2 different browsers, login as admin in one browser so you can ajust settings and just stay on the login page on the other browser. Test without any additional configuration Navigate to the login page Verify you can login to the site Try logging in with an incorrect password Verify you see an error message like "Invalid login, please try again" in a red alert. Test with additional languages Navigate to Site Administration > Language > Language packs Install 2 additional language packs On loginpage: Verify you see the language selector in the top right of the login box On loginpage: Test the language selector to see if it really changes the language on the page Test with a logo Navigate to Site Administration > Appearance > Logos Upload a logo (not the compact logo) Save changes, logout and go to the login page On loginpage: Verify you see the logo centered in the top of the login box Test with a custom welcome message Navigate to Site Administration > Plugins > Authentication > Manage authentication Scroll to the Instructions text field and enter some dummy text On loginpage: Verify you see the heading "Is this your first time here?" with your dummy instructions text in the login box Test the maintenance mode message Navigate to Site Administration > Server > Maintenance mode Enable maintenance mode Add a message in the "Optional maintenance message" box Save changes On loginpage: Verify you see the maintenance message in the login box Test with self registration Navigate to Site Administration > Plugins > Authentication > Manage Authentication Enable authentication method "Email-based self-registration" if it is not enabled yet. In the dropdown for "Self registration" select "Email-based self registration" On loginpage: Verify you see the "Create new account" button On loginpage: Click the "Create new account" button and verify you see the login form Test with authentication providers Navigate to Site Administration > Plugins > Authentication > Manage Authentication Enable the Auth2 authentication method Navigate to Site Administration > Server > OAuth2 services Click "Google" add "1234" as client id and "1234" as client secret and Save changes Click "Facebook" add "1234" as client id and "1234" as client secret and Save changes Click "Microsoft" add "1234" as client id and "1234" as client secret and Save changes On loginpage: Verify you see all the authentication providers on the page
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_400_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-69371-master

      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

          Activity

            People

            Assignee:
            basbrands Bas Brands
            Reporter:
            basbrands Bas Brands
            Participants:
            Component watchers:
            Bas Brands
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

              Dates

              Created:
              Updated:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 30 minutes
                1d 30m