Hey all,
I would like to open a camera and have an element display what it is seeing, then when I press a button I would like to take the photo and close the element.
Would love some help
Hello @Chad_Wyatt
Do I understand correctly that you want to create the application in the UI-builder, and the camera will have to open on the mobile device?
Regards,
Inna
So we may or may not be a mobile device. At times the app will be used on a computer with a camera
This is the type of thing I am trying to achieve, where you can see yourself on the screen before you take the photo
We are currently developing a custom component to suit your purposes. It’s still in the testing phase, but you can use it.
To insert the component into your application. You need to unpack the archive by the following path /ui-builder/containers/default/components/custom
Or you can create your own custom component.
Regards,
Inna
Hi @Chad_Wyatt ,
I noticed that previous response of my colleague is lacking of link for the custom component which she mentioned.
Here is that link:
You will need to copy content of folder under that link to /ui-builder/containers/default/components/custom. Could you please try and write me back about results?
Regards, Andriy
Ah thanks I thought I was going crazy not being able to find it.
We plan to test this out this week.
This is probably user error on my behalf but I am getting this, I copied the folder into the backend files directory in the place you specified and placed the element on the page.
Hi, @Chad_Wyatt
Open the Components tab → Edit Source icon → add an empty line to any js file so that the Save button becomes active → Save changes. That should help. Please let us know the results.
Regards,
Marina
Hey so I think I have it working. But I think I might still be missing something. I don’t really understand code but at the moment I just have one upload button. However in the code it looks like there is libraries for modals and popups, photo and snapshot buttons but I don’t see any of them appear.
Also on desktop upload only opens the file uploader and not the camera.
For my use case, if it’s possible I would only like the option to take a photo and not allow access to the file system of the device.
Also, I would like to view the photo before uploading it to the DB? I had a play with the image element but it seams to want a url, is there a way to display the file before upload?
I am also experiencing some slow load times on my images, I have an image that is 440kb and it renders in stages and takes a couple of seconds to fully display.
Could you share your app id and page name, and I will try to figure out why it isn’t working?
E21078EB-3A9E-0957-FF7C-B6F56176DF00
The page is called Photo
Thanks in advance
Hey I’m not sure what happened overnight but it appears to be working to some extent.
It would be good to know the full capability of the custom element.
What I have now is that the upload button is gone but the take photo button is active.
This is good for my use case but looking at the code it looks like there are some other things this element can do.
Hello @Chad_Wyatt
No hidden functionality here. Perhaps it was disabled because the component sidebar checkbox “Default disabled” was checked.
Regards