Enabling JavaScript Customization

To begin using JavaScript in your Next-Gen Knack application:

Access the Builder
Navigate to Settings > API & Code > JavaScript
Toggle custom JavaScript loading for your Live App
Use the built-in editor with syntax highlighting and error detection

The built-in editor provides immediate feedback on syntax errors and offers modern development conveniences that make writing and debugging your code much more efficient.

The Foundation Pattern

Every JavaScript customization must begin with the Knack.ready() method. This ensures the Knack object is fully initialized and the React application has finished mounting before your custom code executes.

Knack.ready().then(async () => {
  // All your custom code goes here
  console.log('Knack is ready for customization!');
});

How to find Record, Field, Scene & Page Keys

🚧
Custom code added in the code editor will be stored within Knack’s internal servers, and available via CDN, rather than directly in the app’s schema. Do not include sensitive keys or IDs in custom code.

If you require access to your code outside of the builder or live app, you’ll be able to access it through the CDN:

https://appcdn.cloud-database.co/\<your_application_id>/custom/v4/main.cs

https://appcdn.cloud-database.co/\<your_application_id>/custom/v4/main.js

❗️
The Knack Support team is unable to test, troubleshoot, or write code for you