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

Missing button style for "Check" button on quiz

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.3.5, 3.4.2
    • 3.3.3, 3.4.1
    • Quiz, Themes
    • MOODLE_33_STABLE, MOODLE_34_STABLE
    • MOODLE_33_STABLE, MOODLE_34_STABLE
    • MDL-61408-master
    • Hide
      • Add a quiz to your course with "Question behaviour" → "How questions behave": "Interactive with multiple tries"
      • Add a question to your quiz
      • Enrol a student to your course
      • As student, open the quiz in iOS Safari (the XCode Simulator comes handy)
      • Cross check the button is styled as button
      Show
      Add a quiz to your course with "Question behaviour" → "How questions behave": "Interactive with multiple tries" Add a question to your quiz Enrol a student to your course As student, open the quiz in iOS Safari (the XCode Simulator comes handy) Cross check the button is styled as button

      Moodle version: 3.3.3+

      Theme: BOOST

      Activity: Quiz (Question behave => Interactive with multiple tries)

      Browser: iOS Safari / iOS Firefox

      Affected: The "Check" button is missing style in questions.

       

      After study, it is caused by different rendering of inputs and buttons on iOS browsers. As BOOST is using Bootstrap v4, all default button style should be ".btn .btn-default" than just a ".btn" (Reference: https://github.com/twbs/bootstrap/issues/11855). And I found the style of the mentioned "Check" button contains only class ".btn". The suggested quick fix is just adding ".btn-default" for those default style buttons.

        1. check_btn_mobile.PNG
          check_btn_mobile.PNG
          65 kB
        2. check_btn_PC.PNG
          check_btn_PC.PNG
          24 kB
        3. MDL-61408_Confirmed and Verified_iOS Safari.jpg
          MDL-61408_Confirmed and Verified_iOS Safari.jpg
          176 kB
        4. MDL-61408-after.png
          MDL-61408-after.png
          78 kB
        5. MDL-61408-before.png
          MDL-61408-before.png
          79 kB
        6. MDL-61408-iOS-after.png
          MDL-61408-iOS-after.png
          214 kB
        7. MDL-61408-iOS-before.png
          MDL-61408-iOS-before.png
          206 kB

            lucaboesch Luca Bösch
            haroldyung Harold Yung
            Tim Hunt Tim Hunt
            Andrew Lyons Andrew Lyons
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

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