Change style of searchPanes button

Change style of searchPanes button

MalahoiMalahoi Posts: 1Questions: 1Answers: 0

How can I set the on-hover color and cursor style of the searchPanes button? I'd like to get an mouseover color change and pointer-to-hand cursor change so the button is consistent with other elements across the site. I've tried inline styling but it doesn't seem to work. Thank you!

new DataTable('#references', {
    language: {
            searchPanes: {
                clearMessage: 'Clear All',
                collapse: { 0: 'Filter by Manufacturer or Type', _: 'Active Filters (%d)' }
            }
        },
      layout: {
        topStart: {
            buttons: [{
              extend:'searchPanes',
                    }]
        },
          bottomEnd: {
              paging: {
                  boundaryNumbers: false
              }
          }
      },
      columnDefs: [
        {
          searchPanes: {
              header: 'Filter'
          },
            target: 4,
            visible: false,
            searchable: false
        }
    ],
  });

Answers

  • allanallan Posts: 63,431Questions: 1Answers: 10,457 Site admin

    If you right click on the element and select "Inspect" you'll be able to see the styles applied to it, and thus the selectors used. You can then use them, and modify to suit your needs. For example

    button.dtsp-collapseAll { ... }
    

    Depending on which button it is you are refering to of course!

    Allan

Sign In or Register to comment.