None of the drop downs in any area (setting up new table, general settings, or on individual columns) are working. Tested on chrome and firefox and on different computers.
There could be a couple of possible roots of this issue.
1. Please try this first.
Go to the main plugin settings, and disable/uncheck option "Include full bootstrap front-end".
Then refresh the page with the table, and check if dropdowns are now working.
2. If that does not help, then it is most probably the following :
At the moment, our plugin has a conflict if your Theme is using Bootstrap 4 or higher,
since we are using Bootstrap 3.
Our developers will do their best to upgrade our plugin's Bootstrap version as soon as possible,
but we can't say an exact ETA on it.
You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
-
We found a workaround fix for this Bootstrap dropdown conflict by adding a function to functions.php of the current Theme or Child Theme.
I will give you an example what we do for JupiterX Theme.
This is what we added to another user's Child Theme functions.php:
function bootstrap_dequeue_script() {
$pageID = get_the_ID();
if ($pageID == 2137){
wp_dequeue_script('jupiterx');
}
}
add_action( 'wp_print_scripts', 'bootstrap_dequeue_script', 100 );
Please note this slug name of the script that is loading the Bootstrap,
for the JupiterX Theme it is called 'jupiterx', on this line :
wp_dequeue_script('jupiterx');
But for your Theme, this might be anything else, such as 'bootstrap' for example, or 'bootstrap-js',
so if you can please check what is that slug named for that Theme, and change it on that line of code.
-
Also, it is important to input your Page or Post ID. Notice this Page ID 2137, on the line :
if ($pageID == 2137){
You will need to check what is your page/post ID where you have our tables and/or charts.
You can find this on the "Edit Page/Post" in the URL parameter like this :
if you have other pages with tables, or plan to add more in the future,
add the page/ or Post ID's on that line of code by adding a "double stick symbol" (||) like this , for example :
if ($pageID == 567 || 583){
And just to note, this code will not be affected by our Plugin's Updates, so you can keep wpDatatables up to date, and this code will stay unchanged.
Let us know how it goes, we will be here if further assistance is needed.
None of the drop downs in any area (setting up new table, general settings, or on individual columns) are working. Tested on chrome and firefox and on different computers.
Hello,
There could be a couple of possible roots of this issue.
1. Please try this first.
Go to the main plugin settings, and disable/uncheck option "Include full bootstrap front-end".
Then refresh the page with the table, and check if dropdowns are now working.
2. If that does not help, then it is most probably the following :
At the moment, our plugin has a conflict if your Theme is using Bootstrap 4 or higher,
since we are using Bootstrap 3.
Our developers will do their best to upgrade our plugin's Bootstrap version as soon as possible,
but we can't say an exact ETA on it.
You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
-
We found a workaround fix for this Bootstrap dropdown conflict by adding a function to functions.php of the current Theme or Child Theme.
I will give you an example what we do for JupiterX Theme.
This is what we added to another user's Child Theme functions.php:
Please note this slug name of the script that is loading the Bootstrap,
for the JupiterX Theme it is called 'jupiterx', on this line :
wp_dequeue_script('jupiterx'); But for your Theme, this might be anything else, such as 'bootstrap' for example, or 'bootstrap-js', so if you can please check what is that slug named for that Theme, and change it on that line of code. -
Also, it is important to input your Page or Post ID. Notice this Page ID 2137, on the line :
if ($pageID == 2137){
You will need to check what is your page/post ID where you have our tables and/or charts.
You can find this on the "Edit Page/Post" in the URL parameter like this :
if you have other pages with tables, or plan to add more in the future,
add the page/ or Post ID's on that line of code by adding a "double stick symbol" (||) like this , for example :
if ($pageID == 567 || 583){
And just to note, this code will not be affected by our Plugin's Updates, so you can keep wpDatatables up to date, and this code will stay unchanged.
Let us know how it goes, we will be here if further assistance is needed.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables