You can import libraries in the form of JavaScript or CSS files when you have external dependencies that need to be imported into your app. With this, your Apps can be further customized and extended with supports libraries for data transformation or data manipulations.
You can Paste the URL of the required libraries’ JS or CSS file link and click Import to add it into your application.
You can add libraries from external URLs. For example, you could add a URL like “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css)” from the`font-awesome libraries" which is their SVG, font, and CSS toolkit or for example using Lodash for iteration of 10000 rows, or Moment.js for time and data transformation, or encrypting API payloads with crypto.js and so on.
You can then add your custom Java script for the respective library under the Transform Response to implement the necessary changes.
Let us consider an example to make use of a JS library that enables you to format the Numeric data.
In this example, let us add a format to add a currency symbol to the number and the comma and the decimal places. So when you enter the number in the numeric control and click Convert action button, the converted format would be displayed in another control. There can be different use cases where such conversion is required like a Billing system that stores the currency to the database or say requires the data to be stored up to a specific decimal precision point, and so on.
Following is the Javascript file that will be imported to add a feature to format the numbers added into a specified format.
https://rawgit.com/Mottie/javascript-number-formatter/master/lib/format.js
So when designing the form, let us add the Javascript to the JS Code block of the Action Flow, and the value returned as output would then be set to another control for display purposes using Set Control Value action.
So now if you take a preview of the form you can see that on click of the Convert button the number entered above is displayed in the set format.
There are different libraries that are available and which help enhance your application operations. With Import Libraries, it now becomes easier to use such libraries and bundle them in your app package.
Note that when you import libraries they are from a CDN source and one that is trusted by you as it runs directly along with your application code. Only CSS and JS files can be used as a library. Only CSS and JS files can be used as a library.