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. screenshot-1.png
          28 kB
          Mikel Martín Corrales
        2. screenshot-2.png
          61 kB
          Mikel Martín Corrales
        3. screenshot-3.png
          69 kB
          Mikel Martín Corrales
        4. screenshot-4.png
          84 kB
          Mikel Martín Corrales
        5. screenshot-5.png
          69 kB
          Mikel Martín Corrales
        6. MDL-75670-course.png
          679 kB
          Ron Carl Alfon Yu
        7. MDL-75670-language.png
          367 kB
          Ron Carl Alfon Yu
        8. MDL-75670-report.png
          363 kB
          Ron Carl Alfon Yu
        9. MDL-75670-search form.png
          426 kB
          Ron Carl Alfon Yu

            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.