Renderer

<< 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