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 not working in IFrame

    Asked by Oscar77 on September 26, 2013 at 11:10 AM

    Jotform Support,

    Will you guys please test and refine the Filepicker tool's bugginess as in these following examples. I spent considerable time documenting these few scenarios.. when using FilePicker w/ IFrame, AND with the select file methods: URL method, and/or Upload file from computer.

    Bottom line... when using the embedded IFrame (in Firefox or Safari) the FilePicker button does not engage (it appears to highlight the screen) and doesn't open. 

    ( BUT, When using the Direct Link to the form the FilePicker button works. )

    Again, my select methods are URL and Choose file from computer. Additionally, in one of my test forms, with only one method "URL" selected... the Filepicker tool incorrectly interpreted as "Choose file from my Computer".  This was formID=32684068540154

    My 3 test form IDs:
    formID=32682226682155
    formID=32684068540154
    formID=32684373067157

    I experimented w/ deleting the button, recreating, cleaning cache, etc.

    Thanks,
    Kathy


    Page URL:
    http://creativedigitalmasters.com/fv5/Cakes_Order_9-26Test3_sbURLonly.<br/>html

    JotForm style size cache
  • Profile Image
    JotForm Support

    Answered by guilledutra on September 26, 2013 at 07:09 PM

    Hi,

    I can see that your ink file picker upload dialog is loading, if you scroll to the top of the form you will be able to locate the dialog.

    I'm not quite sure, but I think that if you add aditional css to your ink filepicker dialog fixing the top margin, you will be able to control the position where it loads, in order to apply aditional css to your Filepicker you will need to login with the email address used at the InkFilepicker button, https://www.inkfilepicker.com/.

    Once you are logged in inkfilepicker.com  you will need to select "Web Dialog" tab, then you should specify the url where the aditional css will reside.

    Upon checking the code at your website, you should  add:

    #filepicker_dialog_container  {

    margin-top: 1190px !important;

    }

    This should increase the margin from 10px(default) to 1190px  near your upload button of the upload dialog.

    Hope it helps

    please let us know if you need further assistance

    thanks