HTML & Event Order
Advanced HTML Order
Each rendered page includes the headers and footers from the advanced settings in order:
<body>
HTML Header (full HTML)
<div class="pfui">
Custom HTML (full HTML) App Header (Markdown)
<div>
Mini App Screen
Screen Header (Markdown) Screen Content Screen Footer (Markdown)
</div>
</div><!--pfui-->
HTML Footer (full HTML)
</body>
Code Event Order
When Rendering a screen, the event order is as follows:
Before Process
event
- Screen renders with Header, Footer, and wireframe placeholder for body
Before Render
event
- Wireframe placeholder replaced with content
On Render
JavaScript event
Additionally, for summary / table screens when a row is selected:
On Select
JavaScript event
Additionally for detail / item screens when Submit / Save is clicked:
- Validate required fields
On Submit Validation
event
- if errors STOP
- Save item
After Submit
event