HTML

A content area to embed HTML and CSS markup.

Version: Self-hosted 3.114 Stable

HTML supports most HTML tags and presentational attributes. Scripting is not supported but event handlers are available.

Demo

Properties

All properties for this object with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values.

clickable

Whether there is an enabled Click event handler.

Type	boolean
Format	True/False
Mutability	Control Usage Retool UI Inspector > Interaction
Default	false

Examples

true

---

css

The CSS content.

Type	string
Format	CSS
Mutability	Control Usage Retool UI Inspector

---

hidden

Whether this object is hidden from view.

Type	boolean
Format	True/False
Mutability	Control Usage Retool UI Inspector > Appearance Method setHidden()
Default	false

Examples

true

---

html

The HTML content.

Type	string
Mutability	Control Usage Retool UI Inspector

---

id

The unique identifier (name).

Type	string
Format	Plain Text
Mutability	Control Usage Retool UI Inspector
Default	html1

Examples

query1

button1

---

style

Custom style options.

Type	object
Mutability	Control Usage Retool UI Inspector > Appearance

---

Events

Events triggered by user interactions. Use event handlers to trigger queries or other actions in response to events.

change

The value is changed.

---

click

An item is clicked or pressed.

---

To attach an event handler to a specific element in the HTML, add a data-<event type>-target attribute. For example:

Click event handler

<button data-click-target="primary">Trigger event</button>