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
          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

          Issue Links

            Activity

              People

              Assignee:
              damyon Damyon Wiese
              Reporter:
              damyon Damyon Wiese
              Peer reviewer:
              Jason Fowler Jason Fowler
              Integrator:
              Marina Glancy Marina Glancy
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Sujith Haridasan, Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Huong Nguyen, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              12 Start watching this issue

                Dates

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