Forum Discussion

ElementUX's avatar
ElementUX
Cloud Apps
05-04-2022
Solved

Change widget header background color

Trying to change the widget title background color.  I am using custom css code for card look. 

The following widget code allows me to change border radius/color.  Trying to use similar "widget-header'  to no avail.  Any ideas?  Thx!

$('.widget')
    .css('border-radius','10px')
    .css('border', '#c8c8c8 solid 1px');

$('.widget-header')
    .css('background-color','#f2f2f2');

 

dashboards & reporting
  • harikm007's avatar
    harikm007
    05-05-2022

    ElementUX ,

    Remove the period (.) from '.widget-header'

    $('widget-header')
.css('background-color','#f2f2f2');

    -Hari

4 Replies

Replies have been turned off for this discussion
  • harikm007's avatar
    harikm007
    Data Warehouse
    05-05-2022

    ElementUX ,

    Remove the period (.) from '.widget-header'

    $('widget-header')
.css('background-color','#f2f2f2');

    -Hari

  • mdoria's avatar
    mdoria
    Cloud Apps
    02-16-2023

    Hi, do you know how can you do this by widget? I want different widgets to have different style on their headers.

    • Benji_PaldiTeam's avatar
      Benji_PaldiTeam
      Data Pipeline
      02-16-2023

      Hi mdoria ,

      In case you are looking for a robust solution without any code involved I highly recommend you to check out Paldi's Dashboard Styler

      This plugin is one of our earliest and most popular plugins which gives you the ability to design your widgets and style your dashboard with an interactive interface.

       

      Feel free to reach out if you have any further questions as we're always happy to help (: 
      [email protected] 
      Paldi Solutions - Number #1 Sisense Plugins Developer