User Manual

Flex Grid

30/6/25
Flex Grid

Kuika's Flex Grid element allows you to display content in your application in a flexible grid layout. Users can easily organize elements of different sizes and shapes to create a visually appealing layout. In this tutorial, you will learn how to use the Flex Grid element, how to structure your content, and how to customize its layout.

The Flex Grid element supports web and mobile applications.

This training content consists of the following topics:

  • Adding a Flex Grid Element
  • Flex Grid Element Features
  • Element Settings and Customization

Add Flex Grid Element

  1. Log in to the Kuika platform.
  2. Open the project you will work on from the Apps screen.
  1. In the UI Design module, select the Flex Grid element under the Data category from the Elements panel on the left side.
  2. Drag and drop the element to the desired area.
    • If you drag it to an empty space, it will be added with the Row element.
    • If you drag it into a Column, only the Flex Grid element is added.

Flex Grid Element Properties

You can configure the following settings in the Properties panel:

  • No Data Found Message: Specifies the message to display when there is no data in the data source.
  • Data Source: Select the source of the data to show.
  • Show No Data Found Image: Add the image to show when there is no data.

Element Settings and Customization

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar