cancel
Showing results for 
Search instead for 
Did you mean: 

Setting the Borders for Individual Widgets in the Dashboard

viswanath
8 - Cloud Apps
8 - Cloud Apps

Hi All,

Is there any way to set the borders for particular individual widgets in the Dashboard? I have found the Dashboard script where it will apply the the style settings for all the widgets in it. But would like to know to set the style settings for an individual widget in the Dashboard?  

1 ACCEPTED SOLUTION

harikm007
12 - Data Integration
12 - Data Integration

@viswanath Please try below dashboard script (update the array widgetlist with list of widget Ids): 

 

dashboard.on('widgetready', function(sender, ev){
	widgetlist = ['5sd2c75601eafb7y02d4bce89', '61r4d1fb65c615646ee3t523']
	
	$.each(widgetlist, function(index, value){
		widgetelement = $('[widgetid = "' + value + '"]', element)
		widgetelement.css('border', '10px solid #000')
		widgetelement.css('border-radius', '15px')
	})
})

 

 

View solution in original post

3 REPLIES 3

harikm007
12 - Data Integration
12 - Data Integration

@viswanath Please try below dashboard script (update the array widgetlist with list of widget Ids): 

 

dashboard.on('widgetready', function(sender, ev){
	widgetlist = ['5sd2c75601eafb7y02d4bce89', '61r4d1fb65c615646ee3t523']
	
	$.each(widgetlist, function(index, value){
		widgetelement = $('[widgetid = "' + value + '"]', element)
		widgetelement.css('border', '10px solid #000')
		widgetelement.css('border-radius', '15px')
	})
})

 

 

viswanath
8 - Cloud Apps
8 - Cloud Apps

Thanks a lot for your help. It's working fine.

ElementUX
8 - Cloud Apps
8 - Cloud Apps

@harikm007 This works perfect!  How do I set the widget-header css changes now?  Code below shows original settings that worked - Now i just need to translate that to this script and my headers will now be super fancy! 

ElementUX_0-1653050926134.png