How to Use
Code – Canvas in which the html code can be added to.
Sandbox Mode – When enabled this embeds the custom html code in an iframe.
Auto Height - Allows you to set the tile to have an auto height.
Width – Adjusts the width of the tile, in pixels.
Height – Adjusts the height of the tile, in pixels.
Background Color – Changes the background color of the tile using the color picker.
Layer – Changes the depth of the tiles within the page. Selectable via drop-down either Foreground, Background or Custom.
Reorder Within Layer - Changes the depth of the tiles within the layer. Selectable via drop-down either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.
As long as the tile is loaded with "Sandbox Mode" unchecked, it is possible to access the various libraries loaded on the page. This include jQuery via the $ variable. Through this means, it's possible for developer to implement solutions that use DOM manipulation, animation, and even AJAX calls. Obviously, LiveTiles is NOT responsible for any modifications made via Code Snippet tiles and encourage the following best practices:
- If you choose to modify outside DOM elements, especially via custom CSS, keep in mind that LiveTiles may change the HTML structure of other elements in the future as part of the natural evolution of the product and this may break your customization
- A gallery of Code Snippet examples are available on the LiveTiles GitHub page, offering a free resource for learning more about what is possible with the Code Snippet tile