I have added an image field to the Trips table to allow users to send photos of laundry bags to be picked up. The Image Picker component in the Booking screen allows for upload “From Camera and Photo Roll” but if I select that, the user can only upload and not take a picture.
I would lie to have both options working because the children used to send the photo to their mothers who then forwarded it to me who forwarded it to the driver. So I want it in the app, and from now on children will also have access to some components, including adding photos of their laundry bags on the booking screen.
I’m not able to replicate the behaviour that you describe. That is, when I try it works as expected - users can choose to either upload or take a photo. That suggests the issue may be specific to your setup or environment. Can you provide some more information please? ie. Some screenshots of your setup (Layout and Data Editor). Also, the behaviour could possibly be device specific - have you observed the behaviour on multiple device types? If yes, which ones?
Thanks @Darren_Murphy , I will try it on my tablet too. Hectic at the moment since our schools are starting on the 14th and I’m helping the new customers onboard etc.
Be back soon.
Update:
I have checked it on my laptop, phone and tablet and these are the results:
On my laptop (MX-Linux, Firefox 143.0.1) and phone (Samsung Galaxy A06, Android 16, One UI 8.0, Chrome 143.0.7499.146 ) I can only upload if Camera and Camera Roll is selected.
On my tablet (Blackview Tab 60 Pro, Android 15, DokeOS_P 4.1, Firefox 146.0.1), it also only shows Upload Images but if I select my Work profile I have options there for Android System and Photos and Videos In Android System I can take photos.
I will change my browsers to Chrome and see what happens.
Workaround that might work: wrap both these elements inside a tabs container:
Tabs container with 2 tabs:
Use camera
Select photo(s)
Inside the first tab, choose File Picker Component
Inside the second tab, choose the Image upload, but only allow for the Camera (Camera Only).
I think that will work. Had a similar issue with a user on a Google phone I think. Let us know if that works for you.
PS. Just make sure to use the most used option (camera?) as the first tab and it will have minimal impact on the user experience.
PS2. If you’re using a form container, it could be that the tabs container can not be used. Then use the other tabs component and add visibility conditions.
Thanks @jb_1mprove , this turned out to be an interesting learning curve.
So I added an Image Picker and a File Picker field to the Trips table and added the Tabs component to the Booking screen. It looks OK but is not working. Even I can see the action to execute when selecting a tab is missing - or does the field type (Image picker/File picker) determine that? You said I must add the specific component to the tab, but how? The elements of the tab just show the field names BUT does not show either the Image Picker or File Picker field.
Also; you said to add the File Picker component to the Use Camera tab and vice versa. Is that correct? I would have thought I must use the Camera component for Take Picture. Anyhow, I do not see how to add the components to the tabs. Must I add them separately to the screen?
I need a bit of training on this! Couldn’t find relevant posts.
I have worked around the problem by adding a File Picker and Image Picker component to the screen. Image picker has only Camera option and visibility set to Role=Child; Image picker visibility is Role=Parent.
