JotForm Anywhere: Cannot load Form Builder in my website

  • Profile Image
    hlajotform
    Asked on September 14, 2017 at 02:32 AM

    Hello,

    I want to load the Jotform form builder to edit an existing form within my website. I am using Javascript to perform this (I followed this tutorial: https://www.jotform.com/anywhere/#quickUse).

    My website allows the user to open the Jotform Picker, choose the form they wish to edit, and then it should bring up the form builder where they can edit the chosen form. The form picker works perfectly, it's just the form builder that isn't working.

    This is my code.

    JotformAnywhere.launchBuilder({

    formID: form.id // Form ID gathered from the form picker

    });

     

    The error that I am getting when this code runs is the following:

     

    I will add that when I do not pass a form ID in, the Form builder launches successfully and I can see the options to Choose a Template or a Blank Graph. However, I MUST be able to pass my form ID. Also, I have tried passing a static form ID through that I know exists, however it still will not work.

    Please help!

    Thanks

  • Profile Image
    ashwin_d
    Answered on September 14, 2017 at 04:40 AM

    Do you mean to say that you want to edit your existing form with an ID? 

    I would suggest you to please share the webpage URL where you have embedded JotFormAnywhere and we will take a look.

    We will wait for your response.

  • Profile Image
    hlajotform
    Answered on September 14, 2017 at 07:27 PM

    Yes, I want to pass a form ID into the JotformAnywhere.launchBuilder so that I can edit a form that has already been created and is sitting in my list of forms.

    Here is my website. Wait for one of the two icons to load, and click on one of them (e.g. Central Form). This calls the launchBuilder method passing in the form ID.

    http://ftp.gptq.qld.edu.au/evalumed/formbuilder.html

    Use these credentials to log in if asked:

    Username: test@fake.com

    Password: password

  • Profile Image
    Jan
    Answered on September 14, 2017 at 09:46 PM

    Unfortunately, I cannot access your webpage. It is asking for a username and a password.

    Are there any other parameters except for the form ID? If none, then please try to remove the "comma (,)" after the form.id.

    Hope that helps. Thank you.

  • Profile Image
    Nik_C
    Answered on September 15, 2017 at 01:55 AM

    Thank you for additional information. I checked your website and you basically have an issue with loading existing forms to edit right?

    Since I'm not sure what could be the cause of this issue, could you please provide the code of that page so we can review it and if needed escalate further. You can use Pastebin to paste the code.

    Thank you!

  • Profile Image
    hlajotform
    Answered on September 17, 2017 at 07:55 PM

    To eliminate all other variables, let's test the functionality using this web page: http://ftp.gptq.qld.edu.au/evalumed/formbuilder.html

    I created it specifically to test the form builder functionality. The code is extremely simple and it does not link to any external .js file apart from JotFormAnywhere. Here is the pastebin: https://pastebin.com/UengEGz6 

    This page returns the exact same errors as mentioned before.

     

    Thank you!

  • Profile Image
    ashwin_d
    Answered on September 17, 2017 at 11:40 PM

    There seems to be some confusion here. I did check your code and you are trying to load form #72568546905872 in the editor in edit mode. This form is in your account and that is the reason why it is not working for you.

    Please note that JotForm Anywhere does not use API to connect your existing JotForm account. When you add a form in JotForm Anywhere, forms are created in guest account. When you create a new form in JotForm Anywhere, the same form can be edited and not the existing form from your account.

  • Profile Image
    hlajotform
    Answered on September 18, 2017 at 12:29 AM

    Hi Ashwin,

    Okay, that makes sense. However, I don't think that is actually the problem. The way my actual site works is, when the user visits the site, they have to log into their JotForm account, then they can open the form picker to choose a form that they would like to edit, the form they chose is then cloned into their forms and the form builder is launched to edit the cloned form.

    I have changed my Form Builder test site to incorporate logging in and selecting a form from the form picker, however, to keep things simple, I have removed the cloning part. And, I am still receiving the same errors, so it doesn't seem to be the logging in that is the problem.

    Here is my test site: http://ftp.gptq.qld.edu.au/evalumed/formbuilder.html

    And here is the complete raw code behind this test site: https://pastebin.com/Fp2NWRkk

    Thanks!

  • Profile Image
    Nik_C
    Answered on September 18, 2017 at 02:35 AM

    I tried to edit your form and that worked fine:

    The form you specified in the code: 72568546905872 is opening. Now, if you're referring to listing all your forms, I'm not sure if that is possible.

    If the issue persists or you need further adjustments, probably the best way to go is to use JotForm Anywhere contact page at the bottom of this page: https://www.jotform.com/anywhere/

    So you will get the best possible support regarding the issue.

    Thank you!

  • Profile Image
    hlajotform
    Answered on September 18, 2017 at 03:00 AM

    Hi Nik_c,

    The Load form into Form Builder button is what is NOT working, and it doesn't look like it is working for you either. I know when you press Edit Form on a form that is embedded into your web page it works, however, this is not what I want. I would like to open the form builder without having to embed the form into the page.

    Does that make sense?

    Ignore the Insert form into Page button, I just added that there for testing.

    Thanks!

  • Profile Image
    ashwin_d
    Answered on September 18, 2017 at 04:37 AM

    Let me try any understand your workflow here. You are allowing users to select the form from your existing account and then load it in the editor of JotForm Anywhere? 

    Is that correct? I am not sure if it will work. Forms are dynamically loaded in editor iframe from guest account and I am not sure it has permission issue.

    We will wait for your response.

  • Profile Image
    ashwin_d
    Answered on September 18, 2017 at 11:11 AM

    We have received an empty response from your. If you have replied from your email, please click on the following URL to reply again:  https://www.jotform.com/answers/1247385 

  • Profile Image
    hlajotform
    Answered on September 19, 2017 at 12:32 AM

    Hello Ashwin,

    I have had this working in the past, it has only recently (about a few weeks ago) stopped working.

    That workflow you described is correct. I want the user to log in to their Jotform account via my site, open the form picker to view their forms, select a form from their list which then opens the selected for into the form builder.

    The documentation for JotFormAnywhere says that you can pass and existing formID into .launchBuilder():

    "formID | String | If given builder directly shows editor for corresponding form."

  • Profile Image
    Nik_C
    Answered on September 19, 2017 at 01:46 AM

    Let me try to re-build this on my end and see if I can replicate the problem. I'll get back to you if I need further questions.

    Thank you.

  • Profile Image
    hlajotform
    Answered on September 19, 2017 at 01:56 AM

    Okay sure, thanks heaps!

  • Profile Image
    Nik_C
    Answered on September 21, 2017 at 04:34 AM

    Thank you for your patience. 

    I tried working on this, it might be out of our scope so I'm sorry for the delay.

    I'm not sure if this could work, I checked the documentation but I don't see if the specific Form ID can be passed to launchBuilder method. I will consult our backend team regarding this to get the precise information if such is possible.

    We'll keep you posted.

    Thank you!

  • Profile Image
    hlajotform
    Answered on September 22, 2017 at 12:12 AM

    Hi Nik,

    Thanks for that. I will mention that I have had this working before and it just stopped working without any changes to my code.

    By the looks of the error that is received, it looks like it isn't allowing the transfer of data between my domain and jotform's. From researching the specific error, the majority of people conclude that a change is required on your (Jotform's) end.

    I will wait for your response.

    Thank you.

  • Profile Image
    Nik_C
    Answered on September 22, 2017 at 01:56 AM

    Thank you for additional information. 

    We'll keep you posted.

    Thank you!

  • Profile Image
    cem
    Answered on September 25, 2017 at 12:25 PM

    Hey hlajotform,

    I have fixed the problem. It was related to the fact that the url of iframe should have been changed long ago which was a mistake from our end. Can you try and get back to us if there is any problem with builder?

    Sorry for the inconvenience we have caused to you and thank you for reporting us the problem.