User Interface Design with UI Design Module

Kuika's UI Design Module allows you to quickly and effectively design the user interface of the application you are developing. Working with drag and drop, it simplifies complex coding processes and provides users with an intuitive experience. Here are the main features of the UI Design module and details on how to use it:

Screen Design with Elements

  • The UI Design module contains more than 80 reusable elements.
  • Elements can be easily placed on the screen by drag-and-drop.
  • Each element comes with customizable properties (Properties) and styles (Styles) to match its functionality.
  • Customization: You can customize the properties and styles of elements according to your needs.
  • You can learn more about all the elements in Kuika and their properties in our related content.

Screen Templates and New Screens

  • The Screens Panel allows you to add new screen templates to your application.
  • You can start with a blank screen or create CRUD-type screens in seconds using a data table or Excel document.
  • Kuika comes with the following ready-to-use screens by default when you create a new app:some text
    • Home Page (Dashboard)
    • Forgot Password
    • Reset Password
    • Sign in
    • Sign up
    • Verification Code
    • Left Menu

Screen Features and Styles

  • Screens, like elements, have Properties and Styles settings.
  • You can define the role of each screen within the application (for example, start page).
  • You can define special access to user groups by authorizing on a per screen basis.

Actions System and Custom Actions

System Actions:

  • Kuika offers a set of system actions to speed up the development process.
  • System actions allow you to easily integrate frequently used processes into your application.

Custom Actions:

  • You can create customized actions for your application.
  • Custom Actions:some text
    • Through the SQL Editor in Datasources,
    • You can create them via the Custom Actions Panel in the UI Design module.
  • These actions can be added to elements under the CUSTOM heading in the Actions list in the Properties panel.

Hierarchical Structure Management with Item Tree

  • The Item Tree Panel lists the currently open screen and the elements on the screen in a parent/child hierarchy.
  • Thanks to this feature:some text
    • You can easily manage the layout of the elements,
    • You can easily control the display components.

Multi-Language Support

  • Kuika allows you to add multi-language support to your apps.
  • Default Language: EN (USA).
  • Languages you can add:some text
    • Turkish, English (UK), French, German, Italian, Danish, Czech.
  • It offers user-friendly interfaces where you can perform language translations.