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

Improve display of multiple-choice questions with multi-line choices

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 2.4, 2.4.5, 2.5.1
    • 2.4.6, 2.5.2
    • Questions, Quiz
    • MOODLE_24_STABLE, MOODLE_25_STABLE
    • MOODLE_24_STABLE, MOODLE_25_STABLE
    • Hide

      This is a CSS thing, so please test in all supported browsers.

      1. Create a multiple choice question where the choices, and/or the per-choice feedback, is a mixture of one-line and multi-line text.

      2. Preview the question, and check that it is displayed correctly both before and after you have submitted your response.

      3. Rinse and repeat using a RTL language. (E.g. Farsi (fa). You will need to Google to find some suitable text to copy and paste into the question form.)

      Show
      This is a CSS thing, so please test in all supported browsers. 1. Create a multiple choice question where the choices, and/or the per-choice feedback, is a mixture of one-line and multi-line text. 2. Preview the question, and check that it is displayed correctly both before and after you have submitted your response. 3. Rinse and repeat using a RTL language. (E.g. Farsi (fa). You will need to Google to find some suitable text to copy and paste into the question form.)

    Description

      I suggest indenting longish multi-line texts in the multichoice questions (involving radio buttons or checkboxes).
      In mod/quiz/styles.css, add:

      #page-mod-quiz-attempt input[type=radio],
      		 
      #page-mod-quiz-attempt input[type=checkbox]
      		 
      {float: left;}
      		 
      #page-mod-quiz-attempt .que.multichoice label 
      {display: block; margin-left: 1.5em;}

      See result in attached screenshot.
      Obviously this small hack needs to be tested against existing themes and browsers to make sure it does not break anything.

      Attachments

        Issue Links

          caused a regression

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42232 Layout regressions with tables inside mutliple choice options

          • Major - Major loss of function, incorrect output
          • Closed
          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-39354 All checkboxes and radio buttons lacking padding

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              timhunt Tim Hunt
              rezeau Joseph Rézeau
              Joseph Rézeau Joseph Rézeau
              Damyon Wiese Damyon Wiese
              Petr Skoda Petr Skoda
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                9/Sep/13