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

Refactor Bootstrap form layouts preparing them for Bootstrap 5

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-75670-main
    • Hide

      Test navbar search form

      1. Login as administrator
      2. Go to Site Administration > Advanced features and enable "Global search"
      3. Click on the search icon in the top navbar
      4. Confirm that the search input is correctly displayed like:

      Test Report Builder filter forms

      1. Login as administrator
      2. Go to User menu > Reports
      3. Create a new report
      4. Click on Filters button
      5. Confirm that the filters form is correctly displayed like:

      Test Course settings and participants form

      1. Login as administrator
      2. Create a course and go to the course page
      3. Click on Settings tab
      4. Confirm that the settings form is correctly displayed like:
      5. Click on Participants tab
      6. Confirm that the participant actions form is correctly displayed like:

      Test Language import form

      1. Login as administrator
      2. Go to Site Administration > Language > Language packs
      3. Confirm that the language importer form is correctly displayed like:
      Show
      Test navbar search form Login as administrator Go to Site Administration > Advanced features and enable "Global search" Click on the search icon in the top navbar Confirm that the search input is correctly displayed like: Test Report Builder filter forms Login as administrator Go to User menu > Reports Create a new report Click on Filters button Confirm that the filters form is correctly displayed like: Test Course settings and participants form Login as administrator Create a course and go to the course page Click on Settings tab Confirm that the settings form is correctly displayed like: Click on Participants tab Confirm that the participant actions form is correctly displayed like: Test Language import form Login as administrator Go to Site Administration > Language > Language packs Confirm that the language importer form is correctly displayed like:
    • 3
    • HQ 2023 Sprint I4.3 Moppies

      In BS5 the .form-group, .form-row, and .form-inline will be dropped, and they should be replaced using the grid system.

      https://getbootstrap.com/docs/5.2/migration/:

      Dropped form-specific layout classes for our grid system. Use our grid and utilities instead of .form-group, .form-row, or .form-inline.

      Refactor all the occurrences in the codebase.

        1. MDL-75670-course.png
          MDL-75670-course.png
          679 kB
        2. MDL-75670-language.png
          MDL-75670-language.png
          367 kB
        3. MDL-75670-report.png
          MDL-75670-report.png
          363 kB
        4. MDL-75670-search form.png
          MDL-75670-search form.png
          426 kB
        5. screenshot-1.png
          screenshot-1.png
          28 kB
        6. screenshot-2.png
          screenshot-2.png
          61 kB
        7. screenshot-3.png
          screenshot-3.png
          69 kB
        8. screenshot-4.png
          screenshot-4.png
          84 kB
        9. screenshot-5.png
          screenshot-5.png
          69 kB

            mikelmartíncorrales Mikel Martín Corrales
            basbrands Bas Brands
            Laurent David Laurent David
            Amaia Anabitarte Amaia Anabitarte
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            14 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 4 hours, 53 minutes
                3d 4h 53m

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