- forgetmenotcalendarsAsked on September 24, 2012 at 05:59 PM
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
- JotForm SupportjonathanAnswered on September 24, 2012 at 07:27 PM
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.
- forgetmenotcalendarsAnswered on September 25, 2012 at 08:41 AM
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.
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
- JotForm SupportidarktechAnswered on September 25, 2012 at 10:11 AM
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.
- JotForm SupportjonathanAnswered on September 25, 2012 at 10:13 AM
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.
- nalamdanaAnswered 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
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.
- fxrAnswered on December 11, 2012 at 06:34 PM
Please open a new thread for your own issues so that we can them routed around to the correct JotForm team member.