Embedding form to Zenfolio site

  • vonwalker
    Asked on September 24, 2015 at 3:11 AM

    The form that I designed appears on my website as a narrow band that won't scroll up or down.  It's locked.  How can I make it appear as it does in my preview page?  I've tried manipulating the measurements on both ends, JotForm and Zenfolio, and the only thing that changes is the placement of the band/column.  It appears to be formatted for a device, such as a phone app.  

     

     

    Thanks!

  • victor
    Replied on September 24, 2015 at 9:58 AM

    Hi,

    I have been reviewing your form and notice that the width and height are set to 0px

    Embedding form to Zenfolio site Image 1 Screenshot 30

    If you modify this style to 100% your form will appear

    Embedding form to Zenfolio site Image 2 Screenshot 41

    Please let us know if this helps.

    Regards

  • vonwalker
    Replied on September 24, 2015 at 11:47 AM
    Hi Victor,
    When I go the “source” on the Zenfolio website box, I’ve changed the width and height to 100% but nothing changes or the entire box disappears. I’m attaching a screen shot of the Source reading I see and it doesn’t appear to be the same as what you are seeing. Is there another place to capture the source and make your suggested changes?
    Thanks,
    Vicki Vaughan
    Vaughan & Walker Photography
    Associate Photographer/Editor
    vonwalker@me.com
    719.634.3303
    VaughanWalkerPhotography.com
    ...
  • David JotForm Support
    Replied on September 24, 2015 at 2:12 PM

    Try using the iframe code, rather than the full source code to embed your form:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    This should allow your form to be displayed properly and fit the size of the div it is embedded to.

    If using the iFrame code does not work, let us know and we will be happy to have another look.

  • vonwalker
    Replied on September 24, 2015 at 2:47 PM
    It worked! Thanks so much!
    Best,
    Vicki Vaughan
    Vaughan & Walker Photography
    Associate Photographer/Editor
    vonwalker@me.com
    719.634.3303
    VaughanWalkerPhotography.com
    ...
  • David JotForm Support
    Replied on September 24, 2015 at 4:09 PM

    Glad to hear it!  You are very welcome.  If there is anything else we can assist you with, let us know and we will be happy to help.