Design Application Screens

Kuika Platform offers the UI Design module, an advanced tool for you to design your application's user interface quickly and effectively. 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 edited according to your needs. With its user-friendly design tools, Kuika allows you to improve the visual and functional quality of your application.

Key Features of UI Design Module

1. Elements and Traits:
   • Every element in Kuika comes with editable properties and styles to match its structure.
   • The Properties panel allows you to set the functional properties of elements.
   • The Styles panel allows you to customize the look of the application to suit your brand by making design adjustments.
2. Screen Templates and CRUD Operations:
   • The Screens panel allows you to add new screen templates to your app.
   • You can start with a blank screen or create CRUD (Create, Read, Update, Delete) type screens in seconds using a data table or Excel document.
   • CRUD screens speed up data management processes and enhance the user experience.
3. Default Ready-to-Use Screens:

When you create a new application, it comes with the following default screens:

• Home Page (Dashboard): The home page of the app.
• Forgot Password: The screen where users create a password reset request.
• Reset Password: The screen where the password reset process is performed.
• Sign In: User login screen.
• Sign Up: User registration screen.
• Verification Code: Verification code screen.
• Left Menu: The default side menu for the app.

4. These screens provide a quick start on the basics and are fully customizable if desired.

Managing Actions and Customizations

1. System Actions:
   • Kuika offers ready-to-use system actions to speed up the application development process.
   • For example, common functions such as form submissions, data pulls and page redirects can be easily implemented with system actions.
2. Custom Actions:
   • SQL Editor: With the SQL editor in the Datasources module, you can perform custom data operations for the application.
   • Custom Actions Panel: Located in the UI Design module, this panel provides comprehensive tools for creating and managing custom actions.
   • Element Actions: You can add your custom actions to elements from the Actions tab in the Properties panel.
   • Custom actions help you make your application's business logic more detailed and customized.

UI Design Module's Conveniences

1. 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.
2. Multiple Language Support:
   • Kuika offers multi-language support in your applications. By default, your app starts in EN (USA) 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.

You can find detailed information in our content about the UI Design module.