Changing Pivot table Background
Hi Guys,
I'm trying to find a way to color the full background of a pivot widget.
Here is the screen shot I've made from my Dashboard. I've already succeeded to color the pivot table but I still have blank spaces around
Any ideas of how to fix it ?
Thx !
https://drive.google.com/open?id=1qS2PGxP6bivBx5kzTuuKUvOR4mmG5EP9
https://drive.google.com/open?id=1oETzVDHppbcAImshpcu2zfZL8Lmxgx9O
-
I've found the solution :)
----------------------------------
widget.on('ready', function(se, ev){
setTimeout(function(){
$('.p-head-content, .p-value',element).css('color','white') // change font color
$(".pivot-body").css('border-color', '#003b5c')
$('div.p-container td', element).css('background-color','#003b5c')
$('div.p-foot', element).css('background-color','#003b5c')
$('div.p-mid', element).css('background-color','#003b5c')
}, 500)
})widget.on('ready', function(w,e){
var $widgetTitle = $('widget-title', element.parent());
var newCSS = {
'color':'#f2f2f2',
}
$widgetTitle.css(newCSS);
})
widget.on('ready', function(se, ev){
$(element).css('background-color','#003b5c');
$('widget-header' ,element).css('background-color','#003b5c');
$('widget-header' ,element.parent()).css('background-color','#003b5c');
})
Please sign in to leave a comment.
Comments
1 comment