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. alledegly narrow view.png
          40 kB
          Tim Hunt
        2. slightly wider.png
          39 kB
          Tim Hunt
        3. demo1.png
          133 kB
          Damyon Wiese
        4. demo2.png
          131 kB
          Damyon Wiese
        5. fieldset_padding_ltr.png
          178 kB
          Marina Glancy
        6. fieldset_padding_rtl.png
          167 kB
          Marina Glancy
        7. bonfire-screenshot-20131115-154600-874.png
          147 kB
          David Monllaó
        8. bonfire-screenshot-20131115-154947-548.png
          150 kB
          David Monllaó
        9. QA Test - RTL issues - small creen - chrome - clean theme.png
          98 kB
          Jérôme Mouneyrac
        10. jira-capture-screenshot-20131115-155826-086.png
          66 kB
          Ankit Agarwal
        11. QA Test - RTL issues - small screen size - forum discussion.png
          67 kB
          Jérôme Mouneyrac
        12. bonfire-screenshot-20131115-160111-775.png
          147 kB
          David Monllaó
        13. jira-capture-screenshot-20131115-160158-238.png
          80 kB
          Ankit Agarwal
        14. jira-capture-screenshot-20131115-160510-088.png
          83 kB
          Ankit Agarwal
        15. AddaNote.png
          48 kB
          Rajesh Taneja
        16. BadgeIssuePage.png
          109 kB
          Rajesh Taneja
        17. WikiInsertcomment.png
          115 kB
          Rajesh Taneja
        18. news forum 1.jpg
          27 kB
          Barbara Ramiro
        19. news forum 2.jpg
          37 kB
          Barbara Ramiro
        20. summary of topics.jpg
          45 kB
          Barbara Ramiro

            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.