Scrollbox for long text in surveys
How to put long text within a fixed-size scrollbox, for example consent forms.
A step-by-step interactive tutorial on scrollbox for long text in surveys in SurveyEngine. Preview the live tutorial, then download and upload it to your account to examine the construction.
Ben White, 08.07.2026
What this tutorial covers
How to put long text within a fixed-size scrollbox, for example consent forms.
Each page of the tutorial demonstrates a specific technique. Work through it as a respondent first, then open the editor to see how it was built.
What you will learn
After completing this tutorial you will be able to implement scrollbox for long text in surveys in your own SurveyEngine surveys.
Download the tutorial ZIP and upload it to your account to use it as a starting point or template for your own work.
TLDR Quick links
Step-by-step walkthrough
Step 1: Add a scrollbox container. Create a fixed-height div with overflow-y set to scroll.
Step 2: Insert the long text. Paste the consent form or instructions text inside the scrollbox container.
Step 3: Style the scrollbox. Set a clear border and background to make the scrollable area visually distinct.
Step 4: Require scrolling before proceeding. Add a scroll detection script that enables the next button only after the respondent has scrolled to the bottom.
Step 5: Test on mobile. Scrollbox behaviour differs on touch devices - test that scrolling works correctly on iOS and Android.
Try the live tutorial
The live tutorial is a working SurveyEngine survey. Click through it as a respondent to see the finished result.
Then download the tutorial ZIP file and upload it to your SurveyEngine account to examine how it was built.
Preview the live tutorial or download the ZIP file to load it into your account.
References
Ready to try it? Open a free SurveyEngine account, download the tutorial ZIP and upload it to your account.
Or Contact us at support@surveyengine.com — we're glad to help.