Only fill this in if you know what you're doing. Runs after the required script.
Design any layout using plain HTML and CSS - no Jinja, no template syntax. Place the element ids below wherever the data should appear.
This button copies one complete, ready-made prompt - every rule, every element id, and the full reference example - to your clipboard. Paste it into any AI chat, add a line describing the design you want, and paste its answer back into the two boxes in the Editor tab.
Whatever you type is spliced into the real page as-is.
CSS is fully free; scripts must go in the Advanced field.
Build layout in HTML/CSS, reach for script only when needed.
...
...
...
By default protocol-downloads-container is auto-filled with the panel's own layout. To build it completely yourself - different markup, different classes, anything - listen for the subpageDownloadsReady event in Advanced Script, call event.preventDefault() to cancel the automatic layout, and build your own from event.detail. window.subpageDownloadData holds the same data at any time for use in devtools. A full working version of this is in the reference example below.
These functions, variables and events already exist on the page by the time your Advanced Script runs - call them directly, no setup needed.
A full, tested redesign covering every id above, plus a working download-box override. Reference only - not applied automatically.
1. Layout
2. Theming
3. Class-reset elements
4. No animation on refreshing content
5. The Advanced Script
Add data-translate="key" to any element to make its text switch with the visitor's language.
Your markup is stored and displayed as-is - never executed as a server template. Script tags typed directly into the main box are stripped automatically; use the Advanced field for that.