Skip to main content

HTML

📘 Developer Guide

With the HTML Brick, you can easily add custom HTML-Code to your dashboards.

Combine the Layout-Brick with the HTML-Brick to provide a powerful toolset to create stunning Dashboards.


🔁 Example

Designer

image.png

Runtime

image.png


⚙️ Configuration Properties

Config
Key Label Description Default Value
code The HTML Code The Code must be put in as string
string
-

🛠️ Usage

Designer

(Use the build in HTML-Editor in the right Side-Nav)

Screenshot From 2025-10-09 15-05-36.png

Screenshot From 2025-10-09 15-05-45.png

Config

(Edit the whole configuration of the HTML to your liking)

image.png


⌨️ Programmatical Data

How to change your HTML via Scripting
// ⚙️ Retrieve the current configuration of the Brick
const config = fyzBrick.cRef.getConfig();

// 💱 Modify and merge the config to change to the desired HTML
fyzBrick.cRef.mergeConfig({
	...config, 
	code: `
	<h1>This is an updated Headline</h1><br>
	<p class="layout-brick-style">Using backticks allows you to put code on multiple lines!</p>
	`
})