Hiding elements in SurveyEngine surveys
Hiding various elements on certain pages or within questions and text.
A step-by-step interactive tutorial on hiding elements in surveyengine 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
Hiding various elements on certain pages or within questions and text.
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 hiding elements in surveyengine 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: Hide progress bar. Remove the progress indicator on specific pages where it is not appropriate.
Step 2: Hide navigation buttons. Conceal the next or back buttons to control respondent flow.
Step 3: Hide question labels. Display questions without visible labels for cleaner layouts.
Step 4: Hide answer options conditionally. Use CSS and logic to hide specific response options based on earlier answers.
Step 5: Use display logic versus CSS hiding. Understand the difference - display logic prevents the element loading; CSS hiding loads it but makes it invisible.
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.