Can you style the responsive plus sign?

chufford

I would prefer to have a reveal triangle to show the child row rather than the green circular plus sign. Can you point me in the right direction? Thanks. Chris

GMGraying

I used my own images. You can use photoshop/illustrator/or buy your own. I put the following in my style sheet and pointed to my images. See below

...
td.details-control {
background: url('../../img/plus.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('../../img/minus.png') no-repeat center center;
cursor: pointer;
}
...

allan

Another option is to use the content property of the ::before element that Responsive's own stylesheet uses. It uses + and -, so if you change that for ▸ and ▾, that should do the job.

Use the inspector in your browser to get the exact CSS selector to use (since it will be different for each of the styling libraries, and I don't know which one you are using). Or change the values in the DataTables source stylesheet.

Allan

chufford

Thank you. Those answers are what I needed.