cancel
Showing results for 
Search instead for 
Did you mean: 
intapiuser
Community Team Member
Community Team Member
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' 
})
Rate this article:
Comments
noe_datacubed
7 - Data Storage
7 - Data Storage

I have tried this option but my widget titles did not change, can you provide screenshots of what you did if possible?

Wojtek
9 - Travel Pro
9 - Travel Pro

This script effect is only visible once you switch to dashboard  view mode rather than design mode.

Hope this helps.

Wojtek

AlisterB
8 - Cloud Apps
8 - Cloud Apps

That's great, do you know how to increase the height of the title panel to match the font size?

Wojtek
9 - Travel Pro
9 - Travel Pro

I actually have the same problem, maybe someone here will be able to help. So just to clarify, once font is past size 22px it is not visible in full. You can still increase font but its bottom gets cut off. see below I highlighted where it occurs.image.png

Anyone has any ideas how to fix it ?

Version history
Last update:
‎03-02-2023 09:06 AM
Updated by:
Contributors