DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

SearchPane - loading icon color

SearchPane - loading icon color

glimpsed_chaosglimpsed_chaos Posts: 113Questions: 22Answers: 4
in Free community support

Exactly like the example, upon first click of the button there is a small animated icon that appears in the button. When you close that searchPane and click again you do not see the icon.

Is it possible to change the color of that icon? I currently have a darker background on the button and it is hard to notice the icon while it is working on building the searchPane.

Is it possible to change it to a different icon?

I could not tell if there is a library or a gif in play here.

Thanks!

Answers

  • glimpsed_chaosglimpsed_chaos Posts: 113Questions: 22Answers: 4

    Disregard - I found that it can be done by changing the CSS in buttons.dataTables.min.css under

    button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    box-sizing: border-box;
    display: block;
    content: " ";
    border: 2px solid rgb(40, 40, 40);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: dtb-spinner 1500ms infinite linear;
    -o-animation: dtb-spinner 1500ms infinite linear;
    -ms-animation: dtb-spinner 1500ms infinite linear;
    -webkit-animation: dtb-spinner 1500ms infinite linear;
    -moz-animation: dtb-spinner 1500ms infinite linear
}

    I did search and look over the examples to try and find, maybe I missed it.

    Hopefully it helps in the future.

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.