After exporting form to local drive, the Visual Multi-select widget is not working

  • transpay
    Asked on October 1, 2015 at 2:22 PM

    After I exported my form the visual multi-select widget field on page 2 (displayed if you select "B2B Sender Services" for the first question) disappears completely. 

    How the field looks on Jotform:

    After exporting form to local drive, the Visual Multi select widget is not working Image 1 Screenshot 30

    How it looks when I export it to my local drive:

    After exporting form to local drive, the Visual Multi select widget is not working Image 2 Screenshot 41

     

    Come on Jotform, what's going on?!

     

  • Ben
    Replied on October 1, 2015 at 4:19 PM

    Can you please upload the exported file somewhere - like pastebin.com so that we can see the exported file and the code within it to be able to see what might be the issue.

    Per the screenshot, it seems as if the widget was not able to contact our servers to get the required data.

  • transpay
    Replied on October 1, 2015 at 5:44 PM

    Ben, 

    Here's a pastebin of the HTML: http://pastebin.com/WjqVsThi#

  • Chriistian Jotform Support
    Replied on October 1, 2015 at 11:55 PM

    Hi,

     

    I have downloaded your exported form but I couldn't replicate the issue when I have ran it via my localhost server. 

    After exporting form to local drive, the Visual Multi select widget is not working Image 1 Screenshot 30

     

    However, when I tested running the HTML file directly into the browser, I was able to replicate the issue.

    After exporting form to local drive, the Visual Multi select widget is not working Image 2 Screenshot 41

    As my colleague, Ben has stated, the widget may not have contacted our server to get the required data.

    You can use local web server like Xampp, LAMP, or MAMP to test your exported form locally.

     

    Do let us know if you need further assistance.

    Regards.

     

  • transpay
    Replied on October 2, 2015 at 12:36 PM

    I'm not sure I understand what you're saying...do you mean to say that if I was to test it on actual live website that it would actually show? 

  • Welvin Support Team Lead
    Replied on October 2, 2015 at 2:02 PM

    Yes, that is because the HTTP or HTTPS protocol is removed in the widget URL. If you will inspect it, you will only see //widgets.jotform.io/multiSelect. For this to work, you will need to make it live instead of viewing it locally.

    I hope that helps.

    Thanks

  • transpay
    Replied on October 2, 2015 at 2:40 PM

    Thanks, the problem actually can be resolved by adding https: to the URL //widgets.jotform.io/multiSelect. Perhaps you can let your development team know? Thanks for your help.

  • Ben
    Replied on October 2, 2015 at 2:59 PM

    Actually the // (no protocol) is placed like that intentionally.

    The reason for this is to allow the resources to be loaded over the same protocol - if you call the form over HTTP, you will have the widgets and other resources loaded over HTTP, the same goes for HTTPS.

    The forms are intended to be used online, so the file protocol should not be there. Since you want to use your forms saved on your PC, my suggestion is to open the file in any file editor that you have and search for "// and have that replaced with "https:// instead (quote on the start is intentional).

    That way it will work properly for you and for everyone else.

  • transpay
    Replied on October 2, 2015 at 2:59 PM

    One final question, do you know how I can make this field look consistent with the rest of the fields? (ie: no background color, white borders, etc? )
  • transpay
    Replied on October 2, 2015 at 3:00 PM

    oh i see, alright i will remove it and test it after i push it live. Can you possibly help me with the style problem?

  • Welvin Support Team Lead
    Replied on October 2, 2015 at 4:25 PM

    Your problem about the style has been moved here: http://www.jotform.com/answers/675537.

    Thanks