Canvas - Deferred / No Load Mask

Load mask is a great feature and here in canvas we show load masks when there is an ongoing network request.

There is an option for the implementation team to avoid showing load mask by setting the “syncMode“ as false along with the params.

Example:

  var param = {
    "PAGE_CODE_TYPE": 'ALERT_CODE',
    "INPUT_ACTION": 'UPDATE_REFRESH_ACTION',
    "PRODUCT_NAME": 'ALERTS',
    "INPUT_FUNCTION_CODE": 'VSBLTY',
    "INPUT_SUB_PRODUCT": 'ALERTS',
    "IS_FILTER_FORM": false,
    "MSG_ID": msgId
  };
  ct.Ajax({
    params: param,
    syncMode: false,
    success: function(responseP, optionsP) {
      widObj.refreshWidgetData();
    }
  });

However using syncMode will stop showing a load mask, there are still requirements to only show a load mask if you didn’t get the response within a particular time interval. (Say 1 sec).

Implementation team can configure this time interval through env options

Example: ct.env.options.loadMask.delayLoadMaskTimer = 1000; (Unit is in milliseconds)

With above setting you will only see a load mask for requests longer than 1 second, that way shorter/smaller ajax calls will happen behind the scenes without a load-mask.