How to use the Script tile

Tiled allows you to use HTML, JavaScript and React scripts by using the Script tile. You can write the scripts directly in the Script tile or copy and paste your script from another editor. The Script tile is a great 'low-code' way to incorporate chat bots, pop-up forms or lottie animation files into your microapps.

How does it work?

• When building with a Script tile, users can expect the script to respect the sizing and positioning of the tile
• When building with a Script tile, users can expect the script to load only when navigating to a screen that contains the script tile
• When viewing a microapp built with a Script tile, Scripts will not remain in the browser session/memory when the user navigates away from the microapp viewer

Adding a Script tile

Navigate to the desired page of your microapp in the Builder. Drag a Script tile ( )  from the toolbar to the desired location on the page, where you can resize it to your specifications or needs.

Type or copy and paste a script in the Script field. Once a script is added the tile's default image will update to let you know it is ready to be viewed. You can only view the script output when the page is in preview mode.

Deleting a Script tile

To delete a Script tile, ensure that the tile is selected and press the DELETE key. 

(Legacy) Script tile

The (legacy) Script tile is an older version of the new Script tile. It does not have the same capabilities as the new Script tile and is limited in the types of scripts it supports. Users should move to the new Script tile for the most optimal experience.