Format Widget Title
Introduction
This post will give the JavaScript necessary to format the Widget Title.
Purpose/Benefits
When formatting your dashboard, manipulating the Widget Title to match your other formatting will give the dashboard a more personalized feel.
Example
Steps
Use the JavaScript below to manipulate the title.
/********************************************************/
/********Change Widget Title Font and Size**********/
/********************************************************/
widget.on('ready', function(w,e){
var color = '#ffcb05';
var fontSize = '20px'
var fontWeight = 'bold'
var $widgetTitle = $('widget-title', element.parent());
var newCSS = {
'color':color,
'font-size':fontSize,
'font-weight':fontWeight
}
$widgetTitle.css(newCSS);
})To change a widget's title altogether use:
widget.on('ready', function(w,e){
prism.activeWidget.title='My New Title'
})Updated 03-02-2023
