Skip to main content

Load Indication

If the data loading takes time, the Data Manipulation form will indicate that as follows.

Initial Request​

The end user will see a running blue line at the top of the form.

A moving blue line indicates an initial request being in progress.
A moving blue line indicates an initial request being in progress.

Update Request​

All buttons are disabled and moving circled dots are placed instead of the Submit button icon.

Dots moving in a circle indicate an update request being in progress.
Dots moving in a circle indicate an update request being in progress.

Custom Code​

Custom code can be asynchronous. For that, the custom code should return the Promise.

const getInitialData = async () => {
  const response = await fetch('http://123');

  const data = await response.json();

  /**
   * Update Elements with data
   */
  onChange([])
}

/**
 * Return Promise
 */
return getInitialData()