How to Make an HTML Widget

Using the HTML Widget in Wink Reports


Wink Reports includes an HTML Widget that allows you to embed elements such as images, logos, links, or headings directly into your dashboard. This widget is also helpful for visually separating sections within your dashboard—particularly useful since individual dashlets cannot currently be freely repositioned.

To insert an image using the HTML Widget, use the following basic HTML tag:

<img src="[LINK_OF_IMAGE]">

Customizing Your Image

You can apply additional HTML styling to adjust the size, alignment, or appearance of your image. Here's an example that centers an image and resizes it:

<h2 style="text-align: ###;">

  <img src="[LINK_OF_IMAGE]" width="###" height="###">

</h2>

Feel free to use any valid HTML code within the widget to customize the content to your needs.

Steps in Adding an HTML Widget

1. Click the Add Widget button, usually located at the bottom of the dashboard.


2. Select any data source as the system still requires you to select a data source. 


3. And then click “Select Widget” button


4. Then find the HTML Widget


5. Then paste your HTML tag in the “HTML Value” container.