CMS

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

1st Step – Design

  1. Database Field Name (mandatory): Defines the name of the database field to which the component's data will be mapped and stored.
  2. 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.
  3. Chat GPT Max Tokens: Specify the maximum number of tokens (words or characters) the Chat GPT model can generate in a single response.

2nd Step – API

  1. Save
    1. Choose Data Source: Select the data source to connect to, such as AI, HTTP, Workflow, No SQL, or RDBMS.
      1. HTTP: Configure the HTTP connection settings to interact with APIs or services.
        1. Data Connection: Specify the connection details for accessing the data.
        2. Method (mandatory): Choose the HTTP method, such as GET, PUT, POST, PATCH, DELETE, or POCO.
        3. API URL (mandatory): Enter the endpoint URL for the API request.
        4. Query Parameters: Provide the necessary parameters to filter or modify the API request.
          1. Key: Define the parameter name.
          2. Value: Specify the value associated with the parameter key.
          3. Query Variable: Map dynamic variables for the query.
          4. Select Type: Choose the data type for the query parameter.
        5. Headers: Add key-value pairs to specify additional information for the API request.
          1. Name: Define the name of the header.
          2. Value: Provide the value for the header.
        6. Others: Configure advanced options for the HTTP request.
          1. Enable raw query: Enable sending raw query strings for custom requests.
    2. Response Attribute: Define the specific attribute or key to retrieve from the API response.
  2. Get
    1. Choose Data Source: Select the data source for the operation, such as AI, HTTP, Workflow, No SQL, or RDBMS.
      1. HTTP: Configure an HTTP connection to interact with external APIs or services.
        1. Data Connection: Specify the connection details for accessing the data.
        2. Method (mandatory): Select the HTTP method to use, such as GET, PUT, POST, PATCH, DELETE, or POCO.
        3. API URL (mandatory): Enter the endpoint URL for the API request.
        4. Query Parameters: Provide parameters to customize the API request.
          1. Key: Define the name of the query parameter.
          2. Value: Specify the value for the query parameter.
          3. Query Variable: Map variables dynamically for query execution.
          4. Select Type: Choose the type for the query parameter, such as string or number.
        5. Headers: Add custom headers to the API request.
          1. Name: Specify the header name.
          2. Value: Provide the corresponding value for the header.
        6. Others: Additional configuration for the HTTP request.
          1. Enable raw query: Allow the use of raw query strings for custom requests.
    2. Response Attribute: Specify the attribute or key to extract from the API response.
  3. Image Upload
    1. Choose Data Source: Select the data source for the operation, such as AI, HTTP, Workflow, No SQL, or RDBMS.
      1. HTTP: Configure an HTTP connection to interact with external APIs or services.
        1. Data Connection: Specify the connection details to access the data.
        2. Method (mandatory): Select the HTTP method to use, such as GET, PUT, POST, PATCH, DELETE, or POCO.
        3. API URL (mandatory): Enter the endpoint URL for the API request.
        4. Query Parameters: Provide parameters to customize the API request.
          1. Key: Define the name of the query parameter.
          2. Value: Specify the value for the query parameter.
          3. Query Variable: Map variables dynamically for query execution.
          4. Select Type: Choose the type for the query parameter, such as string or number.
        5. Headers: Add custom headers to the API request.
          1. Name: Specify the header name.
          2. Value: Provide the corresponding value for the header.
        6. Others: Additional configurations for the HTTP request.
          1. Enable raw query: Allow the use of raw query strings for custom requests.
    2. Response Attribute: Specify the attribute or key to extract from the API response.

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