How to Add an Image with Tooltip custom widget in Bold BI?

Bold BI allows you to add a variety of custom widgets to your dashboard, including an Image with Tooltip. Here’s a step-by-step guide on how to do it:

Steps to Add Image with Tooltip Custom Widget

1. Download the Image with Tooltip Custom Widget: Start by downloading the Image with Tooltip Custom Widget.

2. Publish the Custom Widget to Bold BI: After downloading the widget, you need to publish it to the Bold BI application. This will make the widget available for use in your dashboards. You can find a detailed guide on how to publish custom widgets here.

3. Locate the Widget in the Designer Panel: After publishing, the Image with Tooltip custom widget will appear under the Miscellaneous section of the Designer Panel.

4. Add the Widget to Your Dashboard: To add the widget to your dashboard, simply drag and drop it from the designer panel onto your dashboard. You can place it anywhere you like.

Step 5: Configure the Data: After adding the widget to your dashboard, you need to configure the data as needed. This will depend on the specific data you want to display in the Image with Tooltip. Please replace image path with the actual URL of the image demonstrating the tooltip configuration.

Step 6: Render the Widget: Once all these steps are completed, the Image with Tooltip custom widget will render on your dashboard. You can now view your data in a visually appealing and easy-to-understand format.

By following these steps, you can easily add a bar chart custom widget to your Bold BI dashboard. This will not only enhance the visual appeal of your dashboard but also make data analysis more intuitive and effective.

Important Notes

Bold BI allows you to customize the information displayed in tooltips. Here’s how you can configure the tooltip settings for your custom widget:

1. In the Basic Setting properties of your custom widget, find the Tooltip section.
2. You will see an option to “Show Column Name in Tooltip.”
3. If you disable this setting, the tooltip will only display the values without the column names.

This feature provides flexibility in how you present data to your users, allowing for a cleaner and more focused tooltip display.

References

• How to create a new custom widget?
• Publishing Custom Widgets