Skip to main content
There may be times when you need to hide a question from the form, but not all rules/functions work with hidden questions. Examples published questions, calculated questions or questions with default values cannot be hidden. There is an option to hide questions using custom CSS that will hide the question from the form, but keep the functionality of a visible question. The following instructions will allow you to do this.
  • Navigate to the questions list
  • Modify the view to show questions IDs
  • Once you have the ID number of the question you want to hide you need to navigate to the FlowFormaAssets and open the CSS folder.
  • Download a copy of the custom.css file, and open it in a text editor.
  • The code to hide questions is
[data-question-id="1"] {
display:none;
}
Where the id of the question is the question you want to hide. If you are hiding more than 1 question, simply paste the code again and change the second id in order to have
[data-question-id="1"] {
display:none;
}
[data-question-id="2"] {
display:none;
}
  • In this example, we are going to hide the status question (id 5)
Custom CSS file with data-question-id rule
  • Save the changes and upload the custom.css file in the css folder; you can do this by simply dragging and dropping the file.
  • You will be notified that a file with the same name exists, but you can click “replace it”.
  • The question should now be hidden from on the form, but the functionality of a visible question remains.