This guide outlines the HTML tags and attributes supported for use within Text widgets and the Text widget type available in the legacy Custom Widgets API. These tags and attributes allow you to style and format your text.
Please note that these options are only supported on our legacy dashboard layouts for dashboards created prior to 2020. If you've created a dashboard more recently, you can follow our guide on using Markdown to format your text.
Supported HTML tags
The following HTML tags are supported:
Text structure:
<br>,<div>,<hr>,<p>,<span>Headings:
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>Text formatting:
<em>,<s>,<strike>,<strong>,<sub>,<sup>,<u>Lists:
<dd>,<dl>,<dt>,<li>,<ol>,<ul>Tables:
<caption>,<col>,<colgroup>,<table>,<tbody>,<td>,<tfoot>,<th>,<thead>,<tr>Semantic elements:
<address>,<blockquote>,<code>,<dfn>,<pre>Other:
<a>,<abbr>,<acronym>,<center>,<del>,<img>,<ins>
Supported HTML attributes
The following HTML attributes are supported:
alignaltclasscolspanheighthrefidnamerowspansrcstyletargettitlewidth
Common use cases
Add a hyperlink
You can use the <a> tag to add a clickable link within a Text widget to another dashboard or website.
To create a link that opens in a new tab, use:
<a href="https://www.geckoboard.com" target="_blank">Geckoboard</a>
To create a link that opens in the same tab, use:
<a href="https://www.geckoboard.com" target="_parent">Geckoboard</a>
Adjust font size
If you want to set a particular text size for your number widget, you can use the <span> tag with applied styling.
<span style="display: block; font-size:50px;">Font Size 50</span>
Center align text
<span style="text-align: center; display: block;font-size:2em;">My Dashboard Title</span>