What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    filepicker.io - Location on Form

    Asked by forgetmenotcalendars on September 24, 2012 at 05:59 PM

    Hi,

    I am building a form integrating the filepicker.io functionality and have come up against an issue which I hope you will be able to resolve. 

    Due to the length of the form I am creating the user needs to scroll down the form to complete parts of it.

    A few of the filepicker buttons are down the form and when you click on them the pop up box of filepicker is opened at the top of the form, so users do not see it unless they scroll back up to the top of the form, then they have to scroll back down to where they were.

    Is it possible to have the filepicker popup box 'float' down with the form so it is not permanently at the top?

     

    Thankyou for your assistnace again

    Edward

  • Profile Image
    JotForm Support

    Answered by jonathan on September 24, 2012 at 07:27 PM

    Hi Edward,

    Was the form embedded on a website? Can you share to us the URL of the website if it is?

    I've been testing your Form - Collage Calendar form but I could not reproduce the scenario you mentioned. The filepicker.io window always displays right at the center of the screen when I click any of the filepicker.io upload button, it does not hinder whether I am on top or bottom of the form.

    Will await your updates.

    Thanks.

  • Profile Image

    Answered by forgetmenotcalendars on September 25, 2012 at 08:41 AM

    Hi

    Thankyou for the quick response.

    Yes the form is embedded on a website.

    I have created a simple test page with a form to show you the issue. 

    http://forgetmenotjane.wix.com/jotform

    If you choose upload, then scroll down to August and click 'pick file' the filepicker window is hidden unless you scroll up.

    I hope I have explained myself correctly

    Thankyou again for your help

    Edward

     

  • Profile Image
    JotForm Support

    Answered by idarktech on September 25, 2012 at 10:11 AM

    Hi Edward,

    That's because your form loads in this frame: http://www.flashquix.com/embeds/2d322940a00044b1b535a6aedb3e445a?wrap=yes&gzip=true&bg=transparent&halign=left&valign=top

    I'm sorry but contents in iframe, stays in iframe. Also, since the iframe references external content that your stylesheet cannot reference, I don't think it's possible with CSS floating. However, if you can re-embed your form outside an iframe, I think that would help. Is that possible with Wix sites? I'm not quite familiar with this site hosting maybe my other colleague's had experienced this but I don't think this is really doable with Wix sites.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 25, 2012 at 10:13 AM

    Hi Edward,

    I was able to reproduce the issue you mentioned.

    However, this could be happening because of setttings that can be attributed to your wix site and not that of jotform form. I say this because, if you just preview the form (not embedded on the wix site) it work appropriately. The filepicker.io dialog screen always display on the center of the screen.

    I will check first if we can find a workaround to make the form display the filepicker.io dialog screen properly on your wix site.

    Will update this post when I can.

    Thanks.

  • Profile Image

    Answered by nalamdana on December 11, 2012 at 04:22 PM

    Hi: I am experiencing something similar to what was reported here. 

    Form at http://wilderness-explorers.com/about/creditcardauthorization.html

    If you have been filling out the form and scrolling along, the blue FP.io buttons will be near the middle or top of the screen when you get to them.

    Then when you click the FP.io button, the form area goes gray for the FP.io dialog box in 'lightbox' effect. Unfortunately, the interactive dialog box area appears at the top of the form, NOT in the immediate viewport of the web browser.

    I set this static HTML page up for demo purposes: The problem originally presented on a Wordpress site behind a paywall which I can't post here.

    Interestingly, when I look at my form in pure JotForm "preview" mode on this URL

    http://form.jotformpro.com/form/23454450734957

    The lightbox/dialog box comes up exactly where you'd want and expect.

    One small niggling aesthetic issue: the Filepicker.io dialog box does not float within the form area... it seems aboslutely fixed on the screen. Would be nice if it would at least adjust to remain centered.

  • Profile Image

    Answered by fxr on December 11, 2012 at 06:34 PM

    @nalamdana,

    Please open a new thread for your own issues so that we can them routed around to the correct JotForm team member.

    Thanks.