Custom JavaScript screen

Edit CSS

Function:

Changes the JavaScript code in the Page Builder.

To Open this Field:

1. On the custom JavaScript file, click Save And Commit .

Save And Commit

Function:

Saves and checks in the custom JavaScript file.

To Open this Field:

1. On the custom JavaScript file, click Edit JavaScript .

Save

Function:

Saves the JavaScript file.

To Open this Field:

1. On the custom JavaScript file, click Edit JavaScript .

Export

Function:

Downloads a custom JavaScript file as a JSON file to your local machine.

You can only import a JavaScript file that is exported from Page Builder — for example, from a different AgilePoint NX tenant

To Open this Field:

1. On the custom JavaScript file, click Save And Commit .
2. In the right pane, click Ellipses (...).

Delete JavaScript File

Function:

Deletes a custom JavaScript file from library in the Page Builder.

To Open this Field:

1. On the Page Builder Settings screen, turn on the Allow to Delete Pages field.
2. In the right pane, click Ellipses (...).

onWidgetMount

Function:

Specifes the JavaScript code in the onWidgetMount event. This event executes when the widget loads in the web browser at runtime.

To Open this Field:

1. On the custom JavaScript file, click Edit JavaScript .

Accepted Values:

A JavaScript code snippet that can be enclosed within a JavaScript function.

Example:

  setInterval(function () {
  const date = new Date();
  const hour = date.getHours();
  const minute = date.getMinutes();
  const seconds = date.getSeconds();
  const day = date.getDate();
  const month = date.getMonth() + 1;
  const year = date.getFullYear();
  ev.target.querySelector('#currentDate').innerText = 
    day + '/' + month + '/' + year;
  ev.target.querySelector('#currentTime').innerText = 
    hour + ':' + minute + ':' + seconds;
}, 100);

onWidgetUnmount

Function:

Specifies the JavaScript code in onWidgetUnmount event. This event executes when the widget is unloaded at runtime. Usually this event occurs when the user leaves the web page.

To Open this Field:

1. On the custom JavaScript file, click Edit JavaScript .

Accepted Values:

A JavaScript code snippet that can be enclosed within a JavaScript function.

Example:

console.log("Bye!")