Import

This control can be used to import data using CSV files from local devices.

You have to go through a three-step form wizard to enable this Control, i.e., Design, API & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Import” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): Defines the name of the database field to which the component's data will be mapped and stored.
  2. Add Template Fields: You can define the fields that will be downloaded in a template for Import. Data can be added comma separated.
  3. Column Width: Specifies the width of a column in a layout or grid system, allowing control over how much space the column occupies relative to others.

2nd Step – API

  1. Import Detail
    1. Add response to model: Allows adding a response or input to the model, typically for updating or enhancing the data structure or functionality.
    2. Hide Rules And Option Step: Toggles the visibility of the "Rules and Option" step in a form or process.
    3. Hide Thank You Step: Controls whether the "Thank You" step at the end of a form or process is displayed.
    4. Thank You Message: A customizable confirmation message shown to users upon completing a process or form submission.
    5. Choose data source: Enables the selection of a specific data source to retrieve or manage data for a given field or control.
  2. Mapping Field
    1. Mapping Field: Specifies the fields used to map data between the component and the data source, enabling seamless integration and data binding.
    2. Mapping Fields by Model: Links or aligns fields from a data source or model to specific components or properties in the application.
    3. Duplicate Check Column Field: Identifies and checks specific columns or fields for duplicate values to ensure data uniqueness.
    4. Add Mandatory Field Model: Defines fields in the model as mandatory, requiring them to be completed or populated before submission or processing.

3rd Step – Advance

  1. Fetch Template With Data: Retrieves a pre-defined template along with the associated data for display or further processing.
  2. Open In Popup: The form will open in pop-up
    1. Label Text (mandatory): Specifies the display name or title for a field or control in the user interface.
    2. Placeholder Text (mandatory): Defines the hint text displayed inside a form field or input box when it is empty, providing guidance on the expected input.
    3. Size: Select size from the following Small, Medium or Large
    4. Button Icon: Specifies an icon to be displayed on a button for better visual representation or context.
    5. Button Type: Defines the type or functionality of a button.
    6. Custom Class: Specifies a user-defined CSS class to apply custom styles and formatting to the component.

Click “Confirm” and “Import” control is configured.