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