JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I hide the header section when form is embedded?Asked by geetaroro on January 03, 2016 at 02:39 AM
I have a form which I'd like to use both standalone (e.g. direct Jotform URL link), and embedded in a website. As the website will have its own page header I'd like to hide the form's header when it is embedded. Can you tell me how to do this? I'm not sure if we will use the "Embed" method or the "Iframe" method, so if possible can you show how to do it in each case?
Specifically, this is the header section that I would like to be hidden:
section how how can i JotForm hidden hide header hide when embedded
The way to achieve your requirement would be to use the Get Form Page URL widget in order to check if the form is embedded, and then apply show / hide conditional logic to show the header when the form is accessed directly.
The way to set it up would be to first add the widget:
Then we need to add a condition, and I recommend setting up a Show condition that will show the header when the URL to the form contains "jotform" in it:
I believe this would work to your satisfaction. Please let us know how it goes, or if you hit any snags while setting it up, and we will be happy to help.
Ahhh, that is exactly what I need.
On behalf of my colleague, you're most welcome, Roland.