1. Open your project on the Kuika platform.
2. Go to the UI Design module and select the screen where you want to add the photo selection feature.
3. Create a button or element that will trigger photo selection.

4. Select the relevant element and add the Device > Photos From Gallery action by selecting the trigger event (Initial Actions, OnClick, OnBlur, etc.) from the + ADD ACTION menu.

Configure Action Parameters

• Quality: The quality level can be set to optimise the resolution and file size of the photo. This improves the performance of the application and speeds up data transfer.

These parameters can be defined as fixed or dynamically with the Symbol Picker.

In a social media application, the user wants to select a photo from the gallery to update their profile or make a post. When the user clicks the ‘Select Photo’ button, they can select a photo from the device gallery, edit it, and upload it to the application.

Adding a Photo Selection Action

• In the Properties panel, enter ‘Select Photo’ in the Label section of the button.
• Select the button and add the OnClick → Device → Photos From Gallery action from the + ADD ACTION menu.
• Configure the Quality parameters according to your needs.
• Click the SAVE button to complete the process.

• Dynamic Quality Setting: Quality can be automatically adjusted based on the user's connection speed or device specifications.
• Automatic Upload: Photos can be automatically uploaded to the server and processed after they are selected.

Technical Risks

• Camera and Gallery Permissions: The action will not work if the user does not grant permission to use the gallery.
• Performance: High-resolution photos may load slowly or affect app performance.
• Browser Restrictions: Some web browsers may restrict gallery access.

The Photos From Gallery action is an effective solution for providing rich, user-centric experiences by allowing users to easily select photos from their gallery and upload them to the app on the Kuika platform.