Highlight Widget's Info Button
Summary: Michalis Gregoriou initiated a discussion about a feature called the "Highlight Widget's Info Button," but did not provide any content or additional context in the post. There are currently no responses or further discussions on this topic.
One of the most underused (imo) dashboard functionalities is the widget's info button.
Most dashboard designers want to include information/description for a specific Widget, expecting that the viewer will read it!
Revising an old script, we enhanced it using some help and tested it on Linux versions, which effectively identifies all the dashboard's widgets that have a Description and highlights them based on the color defined in the script. Here is an example:
Example of the script's outcomeThe script is:
// Handle 'widgetready' event to highlight widgets with descriptions
dashboard.on('widgetready', function(_, ev) {
const { widget } = ev;
// Exit early if no widget or no valid description
if (!widget || typeof widget.desc !== 'string' || !widget.desc.trim()) return;
const highlightColor = 'red'; // Color to highlight the info icon
const selector = `widget[widgetid="${widget.oid}"] widget-header .app-icon--general-info-circle`;
$(selector).css('color', highlightColor); // Apply the color to the icon
});Hope you will find this helpful!!
