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

radio buttons and check boxes not correctly aligned with choice text

    XMLWordPrintable

Details

    • MOODLE_20_STABLE, MOODLE_25_STABLE, MOODLE_26_STABLE, MOODLE_27_STABLE
    • MOODLE_25_STABLE, MOODLE_26_STABLE, MOODLE_27_STABLE
    • 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.

    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

            aolley Adam Olley
            rezeau Joseph Rézeau
            Simey Lameze Simey Lameze
            Damyon Wiese Damyon Wiese
            Jetha Chan Jetha Chan
            Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Sujith Haridasan
            Votes:
            7 Vote for this issue
            Watchers:
            11 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              14/Jul/14