I've made custom forms in SS before, but the fields have always been grouped together and put into the template all in the same spot with $Form.
I'm making a short quiz that fits into a relatively small space on the page, so unlike a normal form I can't just stick $Form in the template (I think). I was planning on something basically like this:
<div class="container">
<div class="questionslider">
<div class="question1">
[question 1 form field here]
</div>
<div class="question2">
[question 2 form field here]
</div>
</div>
</div>
the questionslider div will be as wide as the sum of widths of the question# divs and there will be controls to move back and forth through the questions (javascript)with the submit button on the last one.
How should I approach this? Hard code the template (feels wrong, but may be right?) Use the multiform module (feels like overkill since the quiz is only on 1 page)?
Advice appreciated! Thanks!