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

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

    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.

        Gliffy Diagrams

          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