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

Make the collapsing of form fields for bootstrap and non-bootstrap themes responsive.

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. On a variety of mforms in moodle (Including the edit Multiple choice question form), with a variety of themes
      2. Test that the form displays OK on both narrow and wide screens. text editors should not be pushed off the side of the page or clipped.
      3. On screens less than 1180 pixels, all form fields should display with the label above the field - on screen sizes wider than this they should be side, by side.
      4. Make sure you include the question editing forms in your tests.
      5. Repeat the test using RTL
      6. Repeat the test in a different browser
      Show
      On a variety of mforms in moodle (Including the edit Multiple choice question form), with a variety of themes Test that the form displays OK on both narrow and wide screens. text editors should not be pushed off the side of the page or clipped. On screens less than 1180 pixels, all form fields should display with the label above the field - on screen sizes wider than this they should be side, by side. Make sure you include the question editing forms in your tests. Repeat the test using RTL Repeat the test in a different browser
    • Affected Branches:
      MOODLE_26_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-42887-master

      Description

      Right now (in integration) - the text and filemanager fields are always shown with the label above the field and the field has 100% width.

      We want to make this apply to all fields, + bold the label + define a responsive breakpoint where the forms revert to the old behaviour of label and field side by side.

        Attachments

        1. AddaNote.png
          AddaNote.png
          48 kB
        2. alledegly narrow view.png
          alledegly narrow view.png
          40 kB
        3. BadgeIssuePage.png
          BadgeIssuePage.png
          109 kB
        4. bonfire-screenshot-20131115-154600-874.png
          bonfire-screenshot-20131115-154600-874.png
          147 kB
        5. bonfire-screenshot-20131115-154947-548.png
          bonfire-screenshot-20131115-154947-548.png
          150 kB
        6. bonfire-screenshot-20131115-160111-775.png
          bonfire-screenshot-20131115-160111-775.png
          147 kB
        7. demo1.png
          demo1.png
          133 kB
        8. demo2.png
          demo2.png
          131 kB
        9. fieldset_padding_ltr.png
          fieldset_padding_ltr.png
          178 kB
        10. fieldset_padding_rtl.png
          fieldset_padding_rtl.png
          167 kB
        11. jira-capture-screenshot-20131115-155826-086.png
          jira-capture-screenshot-20131115-155826-086.png
          66 kB
        12. jira-capture-screenshot-20131115-160158-238.png
          jira-capture-screenshot-20131115-160158-238.png
          80 kB
        13. jira-capture-screenshot-20131115-160510-088.png
          jira-capture-screenshot-20131115-160510-088.png
          83 kB
        14. news forum 1.jpg
          news forum 1.jpg
          27 kB
        15. news forum 2.jpg
          news forum 2.jpg
          37 kB
        16. QA Test - RTL issues - small creen - chrome - clean theme.png
          QA Test - RTL issues - small creen - chrome - clean theme.png
          98 kB
        17. QA Test - RTL issues - small screen size - forum discussion.png
          QA Test - RTL issues - small screen size - forum discussion.png
          67 kB
        18. slightly wider.png
          slightly wider.png
          39 kB
        19. summary of topics.jpg
          summary of topics.jpg
          45 kB
        20. WikiInsertcomment.png
          WikiInsertcomment.png
          115 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                12 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/13