How can I hide the header section when form is embedded?

  • geetaroro
    Asked on January 3, 2016 at 2: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:

    How can I hide the header section when form is embedded? Image 1 Screenshot 20

    Thanks!

      -Roland

  • Boris
    Replied on January 3, 2016 at 12:53 PM

    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:

    How can I hide the header section when form is embedded? Image 1 Screenshot 30

    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:

    How can I hide the header section when form is embedded? Image 2 Screenshot 41

    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.

  • geetaroro
    Replied on January 3, 2016 at 1:40 PM

    Ahhh, that is exactly what I need.

    Thanks!

      -Roland

  • abajan Jotform Support
    Replied on January 3, 2016 at 5:14 PM

    On behalf of my colleague, you're most welcome, Roland.