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

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

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.4, 2.4.5, 2.5.1
    • Fix Version/s: 2.4.6, 2.5.2
    • Component/s: Questions, Quiz
    • Labels:
    • Testing Instructions:
      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.)
    • Affected Branches:
      MOODLE_24_STABLE, MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_24_STABLE, MOODLE_25_STABLE
    • Pull from Repository:
    • Pull Master Branch:

      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

            Activity

              People

              Assignee:
              timhunt Tim Hunt
              Reporter:
              rezeau Joseph Rézeau
              Peer reviewer:
              Joseph Rézeau
              Integrator:
              Damyon Wiese
              Tester:
              Petr Skoda
              Participants:
              Component watchers:
              Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                9/Sep/13