Location Picker

To add the location picker element, select Location Picker under the Special category in the Elements panel and add it to the canvas with drag and drop.

Open the Properties panel by clicking on the element added to the canvas. In the Properties panel, there are Latitude, Longitude, Authorization, Visibility and Actions fields.

Latitude: This is the field where latitude information is entered manually from the database or manually.

Longitude: This is the field where longitude information is entered manually from the database or manually.

If no latitude and longitude values are entered, the location is initialized as (0,0) on the map. Location permission is requested from the user. The current location is selected according to the user's authorization.

Authorization: This is the field where the authorization of the location picker element is done.

Actions: This is the field where actions are added to the location picker element.

When the application is run, let's consider a sample application where the location with latitude value 2.219 and longitude value 46.76 is selected and when the button is clicked, it goes to the location with latitude value 51.5072 and longitude value -0.1275.

After adding the Location Picker element selected from the element panel in the application to the canvas, click on the element.

Enter longitude value 2.219 and latitude value 46.76 from the Properties panel.

Then add the Button element from the Elements panel under the location picker. Click on the button.

In the button, select +Add Action → OnClick → UI Control → Set Value Of.

In the Action Screen that opens, select Location Picker1 from Component to Change field.

Select latitude in Promp name to set field. Enter 51.5072 in the Value field. Repeat the same process once more and select langitude in the promp name to set field. In the Value field, select the value -0.1275.

After entering the values, you can test the entered value by clicking the RUN button in the header.

When the app opens, it will open with the location near France.

When the button is clicked, the location near London will be selected.

You can customize user access with “Anonymous Access” and “All Roles Access” authorization options on the screens and elements of your application. While “Anonymous Access” enables access without any account information query, “All Roles Access” provides access by verifying user account information.

For element level authorization, you can manage the security and user experience of your application by selecting the relevant element and editing the “Authorization” settings from the Properties panel.

It allows you to adjust the visibility of screens or elements. Visibility in Elements allows you to regulate visibility based on a specific state or condition. For each element, you can make it always visible, hidden, or visible and hidden depending on a condition.

1. Click on the element on the screen.
2. Open the “Properties” panel on the right side.
3. Click on the “Visibility” field and make one of the following selections according to the needs of your application. Kuika offers Always Visible, Hidden, Sometimes Visible options to control the visibility of the screens in your application.

• Always Visible: Ensures that the screens in your app are always visible. ‍
• Hidden: Allows hiding screens in your application. ‍
• Sometimes Visible: Makes screens in your application conditionally visible.

Kuika contains system actions such as Arithmetic, Authorization, Condition, Device, Export, GeoLocation, Local Storage, Multi Language, Navigation, Notification, Payment Stripe, UI Control, Trigger, Process Automation, Process Administration and String Operations.

In addition to system actions, you can also use SQL actions that you create yourself.

You can use the +Add Action button in the Properties panel to add actions to the elements.