---
title: "HTML Composer Widget"
slug: "html-composer-widget-documentation-1-1"
updated: 2026-03-19T14:20:05Z
published: 2026-03-19T14:20:05Z
canonical: "docs.bazefield.com/html-composer-widget-documentation-1-1"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bazefield.com/llms.txt
> Use this file to discover all available pages before exploring further.

# HTML Composer Widget

## **Introduction**

### **Description**

The **HTML Composer** widget allows users to embed custom HTML content directly into dashboards or reports within the BI App. This widget is ideal for enhancing visual storytelling by incorporating formatted text, images, and static interactive elements. It supports HTML and CSS but does **not** support JavaScript for security and performance reasons.

### **Purpose**

The HTML Composer widget is designed to provide flexibility in presenting contextual information, branding, or visual enhancements alongside data visualizations. It enables users to create rich, informative layouts that improve the interpretability and engagement of renewable energy performance dashboards and reports.

### **Target Audience**

- **Business Analysts** in renewable energy companies seeking to annotate dashboards with insights or operational notes.
- **Plant Managers** who want to display custom messages, alerts, or branding on dashboards.
- **Technical Solutions Architects** integrating visual elements into BI reports for stakeholders.
- **Operations Teams** needing to highlight key performance indicators (KPIs) or maintenance schedules.

---

## **Key Features & Use Cases**

### **Feature List**

- **Custom HTML Content**: Embed formatted text, tables, and images to provide context or branding.
- **CSS Styling Support**: Customize the appearance of content using inline or embedded CSS.
- **Static Interactivity**: Include hyperlinks and anchor tags (excluding JavaScript).
- **Responsive Layout**: Adapts to different screen sizes for optimal viewing on various devices.

### **Use Case Examples**

- Display **branding elements** like plant names, locations, and logos
- Provide **narrative context** for visualizations (e.g., “This chart shows daily solar irradiance levels for Site A.”).
- Display **static instructions** or **legends** to help users interpret complex visualizations.
- Embed **links to external systems** like asset management tools or regulatory dashboards

### **Data Used**

While the HTML Composer widget does not directly bind to data sources, it complements data-driven widgets by providing:

- **Static contextual information** (e.g., plant overview, safety instructions)
- **Visual aids** (e.g., logos, icons, or infographics)
- **Hyperlinks to external systems** (e.g., SCADA portals, maintenance logs)