Take Photo Widget: Make the two widgets work on mobile phones

  • charitychallenge
    Asked on February 4, 2016 at 8:30 PM

    As per the Question, when I run a form on Firefox (latest version on a PC) with more than one Photo Widget field, the camera is only detected on the first Camera field, but the second field just displays black.

    I don't have the problem on Chrome - it works fine.

    However, underlying my interest in solving the Firefox problem is the ability to get the Widget working properly on a Mobile Device - i.e. to automatically detect the camera.  I am aware there are Flash limitations on browsers on Mobile devices (as per a question I asked yesterday) with them only supporting the fallback Choose File functionality, however, I finally managed to find a mobile browser (called FlashFox) that works (if you only need one Photo Widget field on a form) - but unfortunately it has exactly the same problem as I encountered with this support request in Firefox - it only displays live camera content on the first Photo widget field - if I have more than one Photo widget on the same form, the second widget field just displays black.

    However, if you are able to solve the Firefox compatibility problem described here (on a PC) for multiple Photo Widget fields on the same form, there is a possibility that this (multi-field Photo widget functionality) will also work on Mobile devices via the Flashfox Browser and this might help other Jotform users who have been waiting for you to try to make this work.

    Thanks

  • Mike_G JotForm Support
    Replied on February 5, 2016 at 2:30 AM

    It seems to have worked on Firefox after I have updated it. 

     

    Take Photo Widget: Make the two widgets work on mobile phones Image 1 Screenshot 30

    I noticed that it will not work the first time you load your form, however, after you have chosen "Allow Always" and reload the form, it should now work for both Take Photo widget.

    Take Photo Widget: Make the two widgets work on mobile phones Image 2 Screenshot 41

    Here's the form I have used for testing: https://form.jotform.com/60350806366959

  • charitychallenge
    Replied on February 5, 2016 at 2:51 AM

    Thanks - yes - that fixed the form for Firefox, but unfortunately not for FlashFox on my Tablet - only one of the fields (the second) shows the live camera - the other just shows a black screen.  I was hopeful for a moment that we had a solution for mobiles.

    I wonder whether you can try downloading FlashFox on a mobile device and see what I mean?

    Seeing that it works on one Photo widget field, your developers might actually come up with a fix?

    Powerful functionality for Service workers in the field if we can get it working on multiple widget fields on a single form.

    Thanks

  • Mike_G JotForm Support
    Replied on February 5, 2016 at 5:20 AM

    I have tried using Flashfox and was able to see what you mean, 

    Take Photo Widget: Make the two widgets work on mobile phones Image 1 Screenshot 30

    I tried unchecking the Request Desktop Site option:

    Take Photo Widget: Make the two widgets work on mobile phones Image 2 Screenshot 41

     

    and the widget was replaced by a Browse button that when clicked it will ask you to open the Camera app of your phone, making you able to take photos first one widget at a time. It may look like the File Upload button as you can see on the image above. 

    I have submitted your concern to our developers so they can take a look at it. However, I'm sorry if I cannot provide you any ETA to when this will be fixed. Please be assured that this will be worked and you will be notified for any updates via this thread.

    Thank you.

  • charitychallenge
    Replied on March 16, 2016 at 9:37 PM

    Unfortunately this Camera feature is a deal breaker - capturing photos via a form on Mobile phones is becoming a very common requirement for people completing onsite surveys of equipment and work sites.

    I now need to look for an alternative product/solution for this particular requirement.

     

    Disappointing not to be able to fulfill this requirement with Jotform.

  • Ashwin JotForm Support
    Replied on March 16, 2016 at 11:08 PM

    Hello charitychallenge,

    Sorry to hear that.

    My colleague have already reported this to our backend team. We cannot give you an ETA on the solution but we will get back to you as soon as we have any update from them.

    Thank you!

  • cherylchooo
    Replied on March 27, 2016 at 6:06 PM

    I have a solution that works on my forms and mobile devices. There is a low tech video that shows it here:

    The short answer is to use the Image Upload Preview widget and insert the following CSS code. It makes the giant mobile device image files easier for the PDF editor to load. I hope this helps others with this issue.

     

    img {
        max-width: 25%;
        height: auto;
    }

     

  • Ashwin JotForm Support
    Replied on March 27, 2016 at 8:57 PM

    Hello cherylchooo,

    Thank you for sharing your workaround with us. If this works, it will be very useful for other users. 

    Thank you!