Live Updates JavaScript API
Bring some of the user-experience of a JavaScript framework into your server-powered Siteglide pages. With the live-updates API, applications can respond to user-input and refresh their content efficiently to display filtered, sorted or searched versions of lists. This is an advanced feature, but made to be highly customisable and simple to maintain. The JS API is designed specifically for Siteglide, allowing the developer to set secure rules about what kind of content can be requested; this prevents malicious users from using the API to "explore" your data. Many Studio Dynamic Sections will use this out of the box to achieve interactive functionality in a consistent, documented way.
- Introducing the Live Updates APIThis article is your starting point for learning about the problems the Live Updates API was designed to solve, helping you to decide whether it could help you in your website project.
- Live Updates ChangelogAll versions of the Live Updates JavaScript will continue to be present and usable on the module, so existing sections can continue to use older ones. When creating or installing new sections, we recommend the newest version.
- Adding Live Updates to a dynamic sectionA step-by-step guide to taking a module/webapp dynamic section layout and adding Live Updates markup to enable advanced interactivity for the end-user.
- Live Updates Markup Example
- Live Updates Example - Enforcing FiltersLive Updates allows the end-user to filter the items from the database, but what if there is some content you don't want all users to see? For example, maybe you only want the user to access items which are assigned with a datasource to the same company webapp as them? This article shows how you can lock down some filters with liquid logic,
- Steps to Use Live Updates Methods
- Live Updates Troubleshooting
- Steps to Initialise Live Updates with JS
- Using Live Updates with Custom Includes and optionally GraphQLIf you want the convenience of the Live Updates JavaScript API to handle event listeners, but wish to customise the kind of content which is re-rendered, you can use a combination of Content Section includes and GraphQL to do this.
- Live Updates ReferenceA Quick Summary of the Live Updates API when you need to look up a data-attribute, parameter, event or method.