Delayed Render Test Hub
Release-gate pages for Delayed Render for Bricks. Each one proves a single capability on desktop and mobile.
Loading strategies
Basic viewport
Loads the template only when it scrolls into view.
Click
Loads the template only after a visitor clicks the trigger.
Delay and idle
Defers rendering by a set delay or until the browser is idle.
Parent open
Renders once a parent such as an accordion or tab is opened.
Popup
Loads content inside a popup only when it opens.
Offcanvas
Loads content inside an off-canvas panel only when it opens.
Content and performance
Filters basic
Delays a query loop with live filters while the filters keep working.
Filters pagination
Delays a filtered loop and keeps AJAX pagination working.
CSS control
Baseline render of the template, used to compare styling.
CSS delayed
The same template rendered late, to confirm styling matches.
Media
Delays sliders and galleries and checks they initialise after load.
Multiple instances
Runs several delayed templates on one page without conflicts.
Combined test
One longer page mixing strategies, popup and filters.
Forms in delayed templates
Forms
Confirms a Bricks form still binds and validates after delayed insertion.
Basic runtime
Focus, validation and submit work in a delayed form.
Success panel
The success panel appears after a delayed form submits.
Dynamic HTML
Dynamic HTML output fields update inside a delayed form.
Field conditions
Conditional show, hide and enable rules in a delayed form.
Submit conditions
Submit-button enable rules in a delayed form.
Multistep review
Steps and the review screen in a delayed form.
International fields
Country selector and phone input in a delayed form.
Icons and classes
Placeholder icons and CSS class controls in a delayed form.
Validation highlight
Invalid-field highlighting in a delayed form.
Calendar picker
The date picker in a delayed form.