Changing Pivot table Background

Follow

Francois Raze

August 09, 2018 21:06

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 

 

0

• 

  Francois Raze August 15, 2018 13:37

  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');
  })

  0

  Comment actions Permalink

Please sign in to leave a comment.