Icon

Add the Icon element to the screen with drag and drop from the Elements panel. If you drag it to an empty space on the screen, it will be added with the Row element. You can also drag and drop it into a Row.

You can add icons in Container type elements as well as in Badge and ContentMenu elements. If you have a custom icon set design, you can use the Image element to add it to the interface.

Icon element supports mobile and web applications.

You can add text inside the Icon element. You can give role based authorizations to the element and you can set the visibility with always visible / hidden / sometimes visible options.

Icon

You can change the icon you want to use by selecting it from the list.

Tooltip

In web applications you can add auxiliary text that will open when the Cursor is dragged over the icon.

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” enables 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.

These methods allow you to create a personalized and secure environment in your app.

Use the “Visibility” settings to manage the visibility of your screen and elements. These settings, Always Visible, Hidden and Sometimes Visible, allow you to determine how your elements are displayed depending on the situation or conditions.

For step-by-step instructions on how to set element or screen visibility, refer to the “Visibility” option in the Properties panel. To learn how to integrate related settings and conditional visibility guidelines into your app, check out our detailed guides.

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.

By customizing your elements with the Styling Panel, you can create unique and compelling user interfaces in your web and mobile applications. This general guide explains how to customize various elements (for example, Collapse) and provides detailed information on common features.

The sections defined below vary on an element-specific basis. To learn more about each customization option, please click on the respective links.

Layout‍

This is where you can make visual adjustments to elements, such as sizing, alignment, and padding. These settings also affect the layout of other elements within the element. Properties include Size, Min Size and Align; however, some elements may not support the Display property.

Text‍

The element's text properties can be edited here through font family, style, color, size, spacing and other options. This section supports all Text related adjustments.

Fill‍

You can use the Fill setting to customize the element's background with color or images. This increases the visual appeal of the element.

Border‍

You can give your elements a more aesthetic look by adding borders and adjusting corner radii.

Shadow‍

You can add a shadow effect to elements used in web applications to give a sense of depth. However, some elements are not suitable for mobile apps, so the shadow feature may not be supported.