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_PC.PNG
          24 kB
          Harold Yung
        2. check_btn_mobile.PNG
          65 kB
          Harold Yung
        3. MDL-61408-after.png
          78 kB
          Luca Bösch
        4. MDL-61408-before.png
          79 kB
          Luca Bösch
        5. MDL-61408-iOS-after.png
          214 kB
          Luca Bösch
        6. MDL-61408-iOS-before.png
          206 kB
          Luca Bösch
        7. MDL-61408_Confirmed and Verified_iOS Safari.jpg
          176 kB
          Gladys Basiana

            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:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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