Showing results for 
Search instead for 
Did you mean: 
Community Team Member
Community Team Member
This post will give the JavaScript necessary to format the Widget Title.
When formatting your dashboard, manipulating the Widget Title to match your other formatting will give the dashboard a more personalized feel.
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 = { 
To change a widget's title altogether use:
widget.on('ready', function(w,e){ 
prism.activeWidget.title='My New Title' 
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?

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.


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?

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:
Community Toolbox

Recommended quick links to assist you in optimizing your community experience:

Developers Group:

Product Feedback Forum:

Need additional support?:

Submit a Support Request

The Legal Stuff

Have a question about the Sisense Community?

Email [email protected]

Share this page: