Design Application Screens

Kuika Platform offers the UI Design Module, an advanced tool for you to quickly and effectively design the user interface of your application. This module allows you to easily create, edit and customize application screens. Each component (element) comes with properties (Properties) and styles (Styles) that can be customized according to your needs. Thanks to its user-friendly design tools, Kuika allows you to improve the visual and functional quality of your application.

Key Features of the UI Design Module

Elements and Properties

• Every element in Kuika comes with editable properties and styles to match its structure.
• The Properties Panel allows you to adjust the functionality of elements.
• Styles Panel allows you to customize the look of your app to match your brand.

Screen Templates and CRUD Operations

• Screens Panel allows you to add new screen templates to your application.
• You can create a blank screen or use a data table or Excel document to create CRUD (Create, Read, Update, Delete) screens in seconds.
• CRUD screens enhance the user experience by speeding up data management.

Default Ready to Use Screens

When you create a new app, the following default screens are available:

• Home Page (Dashboard): The home page of the app.
• Forgot Password: Password reset request screen.
• Reset Password: Password reset screen.
• Sign In: User login screen.
• Sign Up: User registration screen.
• Verification Code: Verification code screen.
• Left Menu: The default side menu of the app.

These screens provide a quick start and can be customized as needed.

Manage Actions and Customizations

System Actions

• Kuika offers ready-to-use system actions to speed up the application development process.
• Common functions such as form submissions, data extractions and page redirects can be easily implemented with system actions.

Custom Actions

• SQL Editor: You can perform custom data operations with the SQL editor in the Datasources module.
• Custom Actions Panel: Located in the UI Design module, this panel allows you to create and manage custom actions.
• Element Actions: You can add custom actions from the Actions tab in theProperties panel.

Custom actions help you make your application's business logic more detailed and customized.

Conveniences of the UI Design Module

Item Tree Panel

• It is the panel where the open screen and the elements on it are listed in a hierarchical structure.
• Thanks to the Parent-Child relationship, you can easily manage the organization and control of the components.

Multiple Language Support

Kuika offers multi-language support in your apps. Your app starts in English (USA) by default and you can add translations in the following languages:

• Turkish
• English (United Kingdom)
• French
• German
• Italian
• Danish
• Czech

With the language interfaces in the UI Design module, you can add language options and manage translations.

Balance of Design and Functionality

Kuika's UI Design Module allows you to create impressive designs with a user-friendly interface. With extensive editing options on elements and screens, you can enhance your app's functionality and align its aesthetic look with your brand. Focusing on the user experience, this module helps you optimize every detail of your app.