How to change the icons for expand/collapse on responsive design

ladylynn32

I would like to add my own company approved expand/collapse icons to my datatable. I know the CSS call for this based on the documentation but when I try to add this to my pages and call my own images it ignores those and still uses the default icons. Because of their coloring of green and red I cannot use the default icons. They are not 508 compliant and therefore require me to swap them out with my companies approved icons. When I download the datatable package I cannot find these images located anywhere in the package and this is making it difficult for me swap mine out.

Yes I am using !important in the CSS file.

Thanks,

Marita

colin

Hi @ladylynn32 ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

ladylynn32

I do not have the ability to perform a test example. You already have an example on your site at https://datatables.net/examples/api/row_details.html

The CSS under the tabs have the values for the icons.
td.details-control {
background: url('../resources/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('../resources/details_close.png') no-repeat center center;
}

These images cannot be found anywhere in the packages downloaded from the download datatables pages: https://datatables.net/download/

It does not matter which options I choose these images are not in existence. However they still manage to show up on the datatables when calling the packages even from my host site instead of the https:// sites directly.

Thanks,

ladylynn32

I figured out thank you