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

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

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • 2.4.6, 2.5.2
    • 2.4, 2.4.5, 2.5.1
    • 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.)

      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.

            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

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.