I need helping retooling some HTML 5, CSS, JS and installing a client-side PDF generator.
1) The swiper on one of my quizzes is creating some problems:
a) It is set to a fixed height (300px) and changing the height to "auto" makes the quiz get really tall. We can't use a fixed height because questions and answers will vary in height.
b) Watch what happens when I click and drag. I bet the same happens on touch devices: [url removed, login to view]
c) The "Next" button is having some issues. I'd like to be able to use "display: block", make it 150px wide and align it to the right.
2) Now that we know jsPDF exists ( [url removed, login to view] ), I'm not sure if we need the canvas image. I think we want it. In fact, I can think of a great use for it. Look at this: [url removed, login to view]
It might be wise to generate the canvas image at a size which nearly fills a landscaped 11"x8.5" piece of paper. That image can be dropped into the results panel of the quiz and CSS can make it fluid width. If someone clicks on the image or the "save certificate..." button, that would trigger the jsPDF script "download" feature which generates the PDF (from our canvas image) and saves it to their computer.