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

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

XMLWordPrintable

    • MOODLE_26_STABLE
    • MOODLE_26_STABLE
    • MDL-42887-master
    • 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

      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.

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

            damyon Damyon Wiese
            damyon Damyon Wiese
            Jason Fowler Jason Fowler
            Marina Glancy Marina Glancy
            Votes:
            0 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:
              Resolved:

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