bootstrap styling with tabler

tacman1123

https://kpa.survos.com/songs/browse

I've replaced bootstrap with tabler.io, which I believe is a super-set of bootstrap, or rather, a theme built on top of bootstrap.

In searchpanes, though, I've lost some icons and the background color when a filter is selected.

I'm including all the bootstrap plugins, and I don't want to re-import bootstrap css, and even when I try that doesn't work. So I think I'm missing some file somewhere.

import 'datatables.net-select-bs5';
import "https://cdn.datatables.net/tmp/dataTables.searchPanes.mjs";
import 'datatables.net-searchbuilder-bs5';
import 'datatables.net-buttons-bs5';
import 'datatables.net-select-bs5';
import 'datatables.net-responsive-bs5';
import 'datatables.net-scroller-bs5';
import 'datatables.net-bs5/css/dataTables.bootstrap5.min.css';
import 'datatables.net-searchpanes-bs5/css/searchPanes.bootstrap5.min.css';
import 'datatables.net-searchbuilder-bs5/css/searchBuilder.bootstrap5.min.css';
import 'datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css';
import 'datatables.net-scroller-bs5/css/scroller.bootstrap5.min.css';
import 'datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css';

allan

You've got the SearchPanes CSS for Bootstrap 5 included okay on your page, but I don't think the SearchPanes / Bootstrap 5 has been loaded.

Can you show me your JS imports as well?

Allan