File Upload

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

1st Step – Design

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

  1. Database Field Name (mandatory): These are the attributes of the form
  2. Label Name
  3. Column Width
  4. Button Type
  5. Enable Tooltip?: This button is set as “Yes” if you need to enable Tooltip Text in this Control
    1. Tooltip Text
    2. Select Tooltip Position: Select tooltip position from the following Top, Right, Bottom or Left
  6. Is traditional view

2nd Step – Validation

  1. Allow Multiple select: "Yes" means that the user will upload multiple files using this field in the form
    1. Detailed Output: Output with name and url node
    2. Detailed Output Key (mandatory)
  2. Is Upload on submit: "Yes" means that the upload of the file will happen when the submit button is selected on the form
  3. File Size Limit (MB): Define in MBs the size limit of the files that the users shall upload
  4. Allow Files Types: The user shall select the file type acceptable for uploading using this property
  5. File Type Validation Message
  6. Is Mandatory?: This button is set as “Yes” if you need to apply this Control as mandatory
    1. Error Message: Here, you can define the error message that will be displayed if this control is left blank.

3rd Step – Advance

  1. Design
    1. Display Text
  2. API
    1. Default Storage
      1. Data Connection
      2. Method (mandatory)
      3. API Url (mandatory)
      4. Query Parameters
        1. Key
        2. Value
        3. Query Variable
        4. Select Type
      5. Headers
        1. Name
        2. Value
      6. Others
        1. Enable raw query
      7. Header Param Name
      8. Header Param Value (Attribute Name)
      9. Delete API
        1. Data Connection
        2. Method (mandatory)
        3. API Url (mandatory)
        4. Query Parameters
          1. Key
          2. Value
          3. Query Variable
          4. Select Type
        5. Headers
          1. Name
          2. Value
        6. Others
          1. Enable raw query
  3. Mobile
    1. Button Type
    2. Size
    3. Button Active Background Color
    4. Button Color
    5. Button Active Color
    6. Mobile Icon
    7. Upload Button Label
    8. Button Border Radius
    9. Mobile Documents Icon
    10. Mobile Camera Icon
    11. Form Control Margin Bottom
    12. Enable Upload from Camera (No Documents)
      1. Button Type
      2. Align Self: Auto or Center
    13. Enable Camera Upload With Documents
      1. Show in Action List
        1. Action Sheet Camera Label
        2. Action Sheet Document Label
  4. Other
    1. AI Image Analysis
      1. Google
        1. Google AI Function Type
      1. Azure
        1. Image Analysis Type
    2. Image Analysis Response Field

Click “Confirm” and “File Upload” control is configured.