Kuika's Dynamic Form element allows you to create dynamic forms that shape in real time based on user interactions. This form structure is based on the EAV (Entity - Attribute - Value) data model and enables flexible processing of different types of data.

Dynamic Form is currently in beta. It can be used for testing purposes prior to the stable release.

It is only compatible with the EAV data model and cannot be used with other data sources.

It is only supported in web applications.

Use Cases

• Dynamically managing product features or variations
• Survey and form creation systems
• User profile or custom registration forms
• Form fields that vary by role or user
• Dynamic content configuration screens

Use Case – Dynamic Product Features Form

In an e-commerce application, administrators want to dynamically define different features (e.g., color, size, material) based on the product category.

Dynamic Form automatically generates form fields based on the selected product category.

In the scenario:

• The user opens the “Product Features” page.
• Depending on the selected product category, the system pulls the Attributes (color, size, stock, price) information belonging to the relevant Entity (Product).
• Dynamic Form creates these attributes as form fields.
• When the user fills in the fields, the values (Value) are saved in the EAV model.
• When the form is submitted, the information is processed into the database via linked EAV actions.

Using Attributes in the Context of the Scenario

• Entity:
  
  • The main data entity to which the Dynamic Form is linked.
  • Example: “ProductData”
• Attributes:
  
  • Determines the fields to be displayed in the form.
  • Each attribute is represented as an input field in the form (e.g., color, size, category).
• Value:
  
  • Data entered by the user.
  • When the form is submitted, the attribute values are saved.
• Datasource (EAV Actions):
  
  • Dynamic Form only exchanges data with EAV actions.
  • Example:
    
    • Get Attributes In Dynamic Form
    • Get Entity Value From Dynamic Form

UI Design Module Operations

1. Go to the UI Design module.
2. From the left panel, select Elements > Special > Dynamic Form.
3. Drag and drop the element onto your screen.
4. Configure the following settings from the Properties panel:
   
   • Entity: ProductData
   • Attributes: CategoryAttributes
   • Value: ProductValues
   • Theme: Dark (as shown in the example image)

Usage with EAV Structure

• Dynamic Form only works with the EAV data model.
• The form's content is dynamically updated via EAV actions.
• When the user selects a different category, the form fields automatically change.

When the Scenario is Complete

• The user sees fields that change based on the category in the “Dynamic EAV Form” element.
• Form fields are automatically updated with EAV actions.
• Entered data is saved according to the EAV model.
• The same structure can be reused for different entities (e.g., customer, order).

Limitations

• Dynamic Form only works with the EAV model and cannot be used with SQL or REST-based data sources.
• As it is in beta, some features (e.g., form validations or custom styles) will be updated in the stable release.
• Form fields can only be created with data defined in the Attributes list.

Tips and Best Practices

• Pre-configure your EAV table. Clearly define entity and attribute relationships.
• Trigger EAV actions to create variable fields without having to reload the form.
• Offer a personalized form experience by filtering based on user type.
• Use the “onChange → Refresh” action to keep Value fields up to date.
• Since it is in beta, provide feedback by testing different scenarios in the test environment.