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

            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.