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

  • Profile Image
    geetaroro
    Asked 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:

    Thanks!

      -Roland

  • Profile Image
    Boris
    Answered on January 03, 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:

    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.

  • Profile Image
    geetaroro
    Answered on January 03, 2016 at 01:40 PM

    Ahhh, that is exactly what I need.

    Thanks!

      -Roland

  • Profile Image
    abajan
    Answered on January 03, 2016 at 05:14 PM

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