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

radio buttons and check boxes not correctly aligned with choice text

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      In a lesson, create two multiple choice questions. One with multianswer checked and the other not.

      In both, provide several answers. Change the editor for one or more of them to use the html editor and save.

      After saving, edit the questions again, the answer fields you set to html editor should now load up the default html editor. Press the save/submit button. The answers will now have <p> tags added by the editor.

      Preview the lesson. Answers that had the HTML editor on should appear alongside (to the right of) the checkbox/radio button and NOT be displayed underneath them like the attached screenshot-1.jpg.

      Show
      In a lesson, create two multiple choice questions. One with multianswer checked and the other not. In both, provide several answers. Change the editor for one or more of them to use the html editor and save. After saving, edit the questions again, the answer fields you set to html editor should now load up the default html editor. Press the save/submit button. The answers will now have <p> tags added by the editor. Preview the lesson. Answers that had the HTML editor on should appear alongside (to the right of) the checkbox/radio button and NOT be displayed underneath them like the attached screenshot-1.jpg.
    • Affected Branches:
      MOODLE_20_STABLE, MOODLE_25_STABLE, MOODLE_26_STABLE, MOODLE_27_STABLE
    • Fixed Branches:
      MOODLE_25_STABLE, MOODLE_26_STABLE, MOODLE_27_STABLE
    • Pull from Repository:
    • Pull Master Branch:

      Description

      Moodle 2.0 Preview 4+ (Build: 20100728)
      The radio buttons and check boxes are not correctly aligned with choice text if the choice texts have been edited in HTLM editor.
      The reason for this is that using the HTML (TinyMCE) editor in 2.0 automatically inserts a <p></p> tag in any text that is typed.
      In attached screenshot, choice "the tulip" has been typed in the plain text, Moodle auto-format default editor, but all 3 other choices have been typed in the HTML editor (hence cat appears in bold).
      I don't think there is an easy fix ; there is no possible fix through CSS.
      The final solution might be to make the display of the Lesson questions more like the display of the Quiz questions... maybe in 2.1.

      Joseph

        Attachments

        1. lesson03.txt
          3 kB
        2. MDL-23566.png
          MDL-23566.png
          63 kB
        3. screenshot-1.jpg
          screenshot-1.jpg
          19 kB
        4. screenshot-2.jpg
          screenshot-2.jpg
          47 kB
        5. screenshot-3.jpg
          screenshot-3.jpg
          42 kB
        6. screenshot-4.jpg
          screenshot-4.jpg
          47 kB
        7. screenshot-5.jpg
          screenshot-5.jpg
          58 kB

          Activity

            People

            • Votes:
              7 Vote for this issue
              Watchers:
              11 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                14/Jul/14