--- title: "HTML Composer" slug: "html-composer" updated: 2025-11-25T16:03:27Z published: 2025-11-25T16:03:27Z canonical: "docs.bazefield.com/html-composer" --- > ## 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 This page describes how to configure the *HTML Composer* widget. The general description of this widget can be found here: [HTML Composer Widget Documentation](https://docs.bazefield.com/shared/870874ce-ad4d-4bb0-927d-1d08f704f2b1). This widget is intended for use in [Dashboard applications](/product/docs/create-dashboard-application) and [Report applications](/product/docs/create-report-application). This widget does not support any data sources, as it is only intended for static content. ## Configuration ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(649).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A51%3A55Z&se=2026-11-06T21%3A51%3A54Z&sr=c&sp=r&sig=5tE94y6CGCnRXmKDamOQ4XvHPJ%2FaZHFwQCu8DPCKNRQ%3D) Two elements are configurable: - *Title*: The title of the widget (only visible on the configuration screen) - *Template*: The HTML content that will be displayed. Any HTML element (including images) can be inserted. > This content will be inserted into a
element of a pre-created HTML document, therefore no , or tags need to be declared. Using the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(653).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A51%3A55Z&se=2026-11-06T21%3A51%3A54Z&sr=c&sp=r&sig=5tE94y6CGCnRXmKDamOQ4XvHPJ%2FaZHFwQCu8DPCKNRQ%3D) icon (in yellow below), it is possible to resize the input area:![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(650).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A51%3A55Z&se=2026-11-06T21%3A51%3A54Z&sr=c&sp=r&sig=5tE94y6CGCnRXmKDamOQ4XvHPJ%2FaZHFwQCu8DPCKNRQ%3D) ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(654).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A51%3A55Z&se=2026-11-06T21%3A51%3A54Z&sr=c&sp=r&sig=5tE94y6CGCnRXmKDamOQ4XvHPJ%2FaZHFwQCu8DPCKNRQ%3D) Example output corresponding to the above content: ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(655).png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A51%3A55Z&se=2026-11-06T21%3A51%3A54Z&sr=c&sp=r&sig=5tE94y6CGCnRXmKDamOQ4XvHPJ%2FaZHFwQCu8DPCKNRQ%3D)