Create Screen Templates

Dashboard Templates

1. Dashboard
   • There is a ready Header structure.
   • The remaining area contains 1 Row and 1 Table element.
   • There are two columns in Row.
   • The first column contains Bar Chart and Donut Chart chart elements, and the second column contains a table.
2. Card and List
   • There is a ready Header structure.
   • The remaining area contains 1 Row and 1 Table element.
   • The Row element has the structure of a single column.
3. Two Col
   • There is a ready-made Header structure.
   • The remaining field consists of two columns.
   • The first column contains a Table element, while the second column contains two Rows.some text
     • The first Row contains a Bar Chart.
     • The Donut Chart is located on the second row.
4. Blank (Three Col)
   • There is a ready Header structure.
   • The remaining area contains 1 Row and 1 Table element.
   • The row contains three columns.

Screen Creation

1. Specify a Screen Name for the screen to be created.
2. After making all the settings, you can create the screen by clicking the CREATE button.

These templates are ideal for user-friendly and organized data visualization, allowing you to easily create flexible screen structures for various needs.

Form Templates

1. Single Column
   • The form structure is a single column.
2. Two Columns
   • The form structure consists of two columns.
3. Image Gallery
   • The form structure consists of two columns.
   • The second column contains the Image Gallery element.
4. Location Picker
   • The form structure consists of two columns.
   • The second column contains the Google Maps element.

Screen Creation

1. Specify a Screen Name for the screen to be created.
2. After making all settings, create the screen by clicking the CREATE button.

List Templates

1. Two Columns
   • The form structure consists of two columns.
   • The first column contains the table element.
2. Detailed
   • Form structure consists of table, search and selectbox elements.
3. Detailed and Search
   • Form structure consists of table and selectbox elements.
4. Detailed with Location Picker
   • The form structure consists of table and Google Maps elements.

Screen Creation

1. Specify a Screen Name for the screen to be created.
2. After making all the settings, click the CREATE button to create the screen.

These templates help you quickly create functionality such as listings and searches and offer different layout options.

Authentication Templates

Kuika offers various Authentication screen templates to speed up the application development process. These templates facilitate common authentication processes such as user login, registration, password reset and verification processes. You can use and edit these templates according to the needs of the application you are developing.

Adding a Template Authentication Screen

You can follow the steps below to add and edit the Authentication screen template in your app:

1. Open the Screens panel.
2. In the Screens panel, click the +New Screen icon.
3. In the pop-up window that opens, click Authentication in the left menu.

Authentication Screen Templates

Authentication screen templates are available in different types. You can choose the one that suits your application's needs and make the necessary edits. Each template comes with default text contents, but these contents can be updated specifically for your application.

1. Progressive User

• Provides a ready-made template with a list of users.

2. Reset Password

• Provides ready-made templates to enable users to reset their passwords.

3. Sign In

• Provides a ready-made Sign In screen template for users to log in.

4. Sign Up

• Provides a ready-made Sign Up screen template where users can register.

5. User Template

• Provides a template from which the required information can be extracted from the user.

6. Verification Code

• Allows to receive a verification code in Reset Password operation.

Screen Creation

1. Screen Name: Set a name for the screen you are creating.
2. After making all settings, create the screen by clicking the CREATE button.

Screen Group Templates

1. Grid Card with Search
   • It is a template with grid card structure and search function.
2. Personal Grid Card with Search
   • It is a template with Personal Grid Card structure and search function.

Screen Creation

1. Screen Name: Set a name for the screen you are creating.
2. After making all the settings, click the CREATE button to create the screen.