Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-36557

Footer collides with assessment layouts with multiple questions on page

    Details

    • Type: Bug
    • Status: RESOLVED
    • Priority: Major
    • Resolution: Duplicate
    • Affects Version/s: 12.0
    • Fix Version/s: None
    • Labels:
      None
    • Previous Issue Keys:
      SAM-3281
    • Test Plan:
      Hide
      1. Log in as a student and upload an image to Home > My Resources, then Edit Details and make the image publicly viewable (you'll use this image to test image dialog later, and it needs to be public so instructor can see it in submission.)
      2. In a site with samigo, Lessons, and the student from step 1, create or import a test with a lot of questions that includes at least one Short Answer/Essay question. Here's one to import: comprehensiveSAMtest-groupedbypart.zip
      3. In the assessment Settings, make it unlimited submissions (so you can take it more than once from different access points), under Layout and Appearance, set the layout to all questions on one page, then save and publish.
      4. In Lessons, use Add Content > Link to test or quiz and create a link to the quiz.
      5. On the same page, use Add Content > Add Text and use CKEditor Server Browser to create a CKEditor link to the quiz.
      6. Log in as student, go to Tests & Quizzes and take the test.
      7. Scroll down the page. If Issue Fixed: The page should look normal (i.e. no footer background showing up near the bottom).
        If Issue Present: About halfway down the page, the footer bleeds into the page.
      8. Go to the Short Answer/Essay question and enter some text in the box.
      9. Click Show/Hide Rich-Text Editor.
        If Issue Fixed: The editor opens and your text is still present. Type more in the box and use the CKEditor buttons to add formatting (e.g. bold, italics, paragraphs, etc.).
        If Issue Present: your text disappears and you don't see the editor box display.
      10. Click the Image dialog and confirm it pops up. Use the Server Browser to embed the image uploaded in step 1 into your response.
      11. Add some text in the editor window.
      12. Select the text and use the Link button to create a hyperlink.
      13. Submit the quiz.
      14. Go to Lessons and take the quiz again via the Lessons Link to quiz link.
      15. Repeat steps 9-13 above to confirm functionality of editor and dialog. If Issue Present: The RTE won't open when you click the link.
      16. Return to the lesson page and take the quiz via the CKEditor link.
      17. Repeat steps 9-13 above to confirm functionality of editor and dialog. If Issue Present: The RTE won't open when you click the link.
      18. Log in as instructor and go to Published Copies > Scores > Questions > select the short answer question.
      19. From the View drop-down, choose All Submissions.
      20. Confirm that student submissions are intact, i.e. you can see image and text, and the links work.
      Show
      Log in as a student and upload an image to Home > My Resources , then Edit Details and make the image publicly viewable (you'll use this image to test image dialog later, and it needs to be public so instructor can see it in submission.) In a site with samigo, Lessons , and the student from step 1, create or import a test with a lot of questions that includes at least one Short Answer/Essay question. Here's one to import:  comprehensiveSAMtest-groupedbypart.zip In the assessment Settings , make it unlimited submissions (so you can take it more than once from different access points), under Layout and Appearance , set the layout to all questions on one page , then save and publish. In Lessons , use Add Content > Link to test or quiz and create a link to the quiz. On the same page, use Add Content > Add Text and use CKEditor Server Browser to create a CKEditor link to the quiz. Log in as student, go to Tests & Quizzes and take the test. Scroll down the page. If Issue Fixed: The page should look normal (i.e. no footer background showing up near the bottom). If Issue Present: About halfway down the page, the footer bleeds into the page. Go to the Short Answer/Essay question and enter some text in the box. Click Show/Hide Rich-Text Editor . If Issue Fixed: The editor opens and your text is still present. Type more in the box and use the CKEditor buttons to add formatting (e.g. bold, italics, paragraphs, etc.). If Issue Present: your text disappears and you don't see the editor box display. Click the Image dialog and confirm it pops up. Use the Server Browser to embed the image uploaded in step 1 into your response. Add some text in the editor window. Select the text and use the Link button to create a hyperlink. Submit the quiz. Go to Lessons and take the quiz again via the Lessons Link to quiz link. Repeat steps 9-13 above to confirm functionality of editor and dialog. If Issue Present: The RTE won't open when you click the link. Return to the lesson page and take the quiz via the CKEditor link. Repeat steps 9-13 above to confirm functionality of editor and dialog. If Issue Present: The RTE won't open when you click the link. Log in as instructor and go to Published Copies > Scores > Questions > select the short answer question. From the View drop-down, choose All Submissions . Confirm that student submissions are intact, i.e. you can see image and text, and the links work.

      Description

      For tests whose layout places all questions on the same page, the solution adopted so far in 12.x (SAM-3225) is not sufficient to separate main#content from the footer. I have attached an example assessment (longAssessment.xml) that can demonstrate this plus some screenshots (LongAssessment*.png).

      Note that the problem is not evident when the assessment is examined in Preview mode. Instead, the assessment needs to be published and taken as a student for the footer overlap to be apparent.

      This issue is of more significance for institutions whose footers have a darker color. Thus, if viewed on nightly, use Chrome DevTools (or Firebug for Firefox) to change the background- color of .Mrphs-container--footer to a dark-grey (e.g., #555).

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  hornersa Sean Horner
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code