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

          Activity

            People

              timhunt Tim Hunt
              rezeau Joseph Rézeau
              Joseph Rézeau Joseph Rézeau
              Damyon Wiese Damyon Wiese
              Petr Skoda Petr Skoda
              Safat Shahin, Tim Hunt, Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Stevani Andolo, Tim Hunt, Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                9/Sep/13