<< Click to Display Table of Contents >> Navigation: IWML > Tags > Controls > Renderer |
The Renderer class is the foundational base for all renderable UI elements in IntraWeb 17, including both visual controls and layout cells. It manages how elements are inserted into the DOM, updated, and styled, and it provides a shared set of rendering logic and layout-related properties.
It is not used directly in IWML but defines key behavior for all visual controls like Button, Text, Edit, and containers like Stack, Cell, etc.
Properties
•Width — width of the element (can use pt, %, px, etc.)
•Height — height of the element
•Z — z-index layer (default: -1 for no z-index emitted)
•Display — visibility (show, hide, collapse)
•Background — background color and future styles
•ClientEvents — JS client event bindings (used internally)
•ServerEvents — list of server-side event names (string array)
Rendering Lifecycle Methods
•DoInit() — initializes the DOM and props
•DoRender() — triggers re-rendering based on IsDirty flag
•Render() — applies DOM updates (size, visibility, styles)
•Invalidate() — marks the renderer as needing re-rendering
•QueueMethod(fn) — delays function execution until after current event loop
•UpdateFromDOM() — syncs DOM input changes back to property bindings
Try It
Edit
Width: 200
Height: 50
Z: 5
Display: show
Background.Color: #FFFACD