How do I change the 'No Data to be Displayed' message to a different message?

To replace the 'No Data to be Displayed' message with another message for all widgets on a dashboard, use the following CSS on your dashboard's Custom CSS/Javascript.

Then change <Enter your custom message here.> with the message of your choice. 

<style>
  
.widget-message-content{
  text-indent: -9999px;
  line-height: 0; 
}

.widget-message-content::after {
  content: "<Enter your custom message here.>";
  text-indent: 0;
  display: block;
  line-height: initial; 
}

</style>

To replace the 'No Data to be Displayed' message with another message for a single widget, inspect your widget and locate its data-id (https://www.loom.com/share/52c517f96c1a492a90172825d1cd08fc?sid=39670775-3ec2-4657-8cf2-02158bff38a6).

Then add the following CSS to your dashboard's Custom CSS/JavaScript and replace <data-id> in both sections with the widget's data-id.

Lastly, change <Enter your custom message here.> with the message of your choice. 

<style>
  
[data-id="<data-id>"] .widget-message-content{
  text-indent: -9999px;
  line-height: 0; 
}

[data-id="<data-id>"] .widget-message-content::after {
  content: "<Enter your custom message here.>";
  text-indent: 0;
  display: block;
  line-height: initial; 
}

</style>