Highlight Widget's Info Button

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 outcome

The 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!!