I have created a table and it works fine, except for one thing.
The "Show xx entries" drop-down does not work. It displays, but you can't change it.
I have searched FAQs, looked at support forums, etc., and can't find a solution. I tried unchecking "Include full bootstrap.js on the front-end" and "Include full bootstrap back-end", one at a time and both.
I tried unchecking "Use minified wpDataTables Javascript".
I even tried a suggested CSS solution.
As this is a live site, I am hesitant to change themes or disable plugins as a troubleshooting method.
I'm hoping maybe you have another suggestion.
By the way, I use this plugin on a different website, and it works fine.
You definitely have a conflict with the Bootstrap files coming from another plugin or the theme you're using.
If disabling bootstrap for front-end didn't work, we will need to look at our code.
Please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party.
Make sure your Plugin Editor is enabled on the website.
You can write credentials here just check Private Reply so nobody can see them except us.
It does seem to be working now. They have a sub-domain site for members-only, and I made the same edit there and and unchecked the "Include full bootstrap.js on the front-end" setting, and it fixed that problem as well.
I unchecked that setting because that's the way it is on the main site you looked at. Is that the correct thing to do?
Also, do you know where the conflict was coming from? The theme, or one of the other plugins? It would help to know this, as it might be something that can be replaced some time in the future.
I have the Code Snippet plugin installed. Would it be possible to add a php snippet there to do the same thing as commenting out the line in your plugin php file? Just wondering - if that's not an option, no worries.
The site owners also asked me a couple of questions about some changes to the main search field and the filter fields.
Is it possible to use CSS or a code snippet to
1. highlight the main search box, or create a box around it, to draw attention to it?
2. change the label for the main search field from "Search" to "Search All"?
3. change the label within the filter field (not the column header), for example from "Title" to "Title Search"?
I've done some research on those, but without knowing the actual element names, it's hard to figure out what to actually apply CSS to.
If you can help with any of those, it would be great, but it's not critical. The main thing was figuring out the JS conflict, which you did, so thanks again for that.
Replicating the settings on the subdomain was the correct thing to do. I don't know what caused it, maybe a plugin, maybe the theme. You would need to revert changes, and then disable all plugins to see if the issue is resolved. If it is, start turning on other plugins one at a time, and after each activation check if the issue is back. Once it is back, you will find the plugin causing this.
For the theme testing, simply change the theme, delete cache and see if it was resolved.
You won't be able to use Code Snippet since a line of code needs to be commented in our plugin.
1. 2. and 3. are possible with custom CSS and modifying the strings in the plugin.
You could find the selector of the Search field, and modify it with custom CSS.
2. and 3. try installing Loco Translate; locate the strings you want to alter, and change them.
I can help you with CSS, for example:
#table_1_filter > label {
background-color: red !important;
}
I used the CSS to put a box around the main search field instead of background coloring it, but it works fine.
Just need to figure out the actual string the placeholder labels are coming from to try altering those. I actually installed String Locator plugin to see if that would be helpful. Loco Translate looked like it was way more than I needed, but thanks for the suggestion.
You'd be amazed at how many times the string "search" appears in the plugin!
For the global search selectbox, you can go to ../wp-content/plugins/wpdatatables/source/class.wpdatatables.php and around line 3800 you will see this:
I have created a table and it works fine, except for one thing.
The "Show xx entries" drop-down does not work. It displays, but you can't change it.
I have searched FAQs, looked at support forums, etc., and can't find a solution. I tried unchecking "Include full bootstrap.js on the front-end" and "Include full bootstrap back-end", one at a time and both.
I tried unchecking "Use minified wpDataTables Javascript".
I even tried a suggested CSS solution.
As this is a live site, I am hesitant to change themes or disable plugins as a troubleshooting method.
I'm hoping maybe you have another suggestion.
By the way, I use this plugin on a different website, and it works fine.
Thanks,
Mark
Hello Mark
You definitely have a conflict with the Bootstrap files coming from another plugin or the theme you're using.
If disabling bootstrap for front-end didn't work, we will need to look at our code.
Please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party.
Make sure your Plugin Editor is enabled on the website.
You can write credentials here just check Private Reply so nobody can see them except us.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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
Thank you, Mark
I ended up commenting line 1515 in ../wp-content/plugins/wpdatatables/source/class.wdttools.php file:
Since this is a conflict, make sure to remember my response, so you can do it again when the plugin updates.
It's working fine on back and front-end now.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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
Thank you, Aleksandar!
It does seem to be working now. They have a sub-domain site for members-only, and I made the same edit there and and unchecked the "Include full bootstrap.js on the front-end" setting, and it fixed that problem as well.
I unchecked that setting because that's the way it is on the main site you looked at. Is that the correct thing to do?
Also, do you know where the conflict was coming from? The theme, or one of the other plugins? It would help to know this, as it might be something that can be replaced some time in the future.
I have the Code Snippet plugin installed. Would it be possible to add a php snippet there to do the same thing as commenting out the line in your plugin php file? Just wondering - if that's not an option, no worries.
The site owners also asked me a couple of questions about some changes to the main search field and the filter fields.
Is it possible to use CSS or a code snippet to
1. highlight the main search box, or create a box around it, to draw attention to it?
2. change the label for the main search field from "Search" to "Search All"?
3. change the label within the filter field (not the column header), for example from "Title" to "Title Search"?
I've done some research on those, but without knowing the actual element names, it's hard to figure out what to actually apply CSS to.
If you can help with any of those, it would be great, but it's not critical. The main thing was figuring out the JS conflict, which you did, so thanks again for that.
Regards,
Mark
You're welcome, Mark
Glad I could be of service.
Replicating the settings on the subdomain was the correct thing to do. I don't know what caused it, maybe a plugin, maybe the theme. You would need to revert changes, and then disable all plugins to see if the issue is resolved. If it is, start turning on other plugins one at a time, and after each activation check if the issue is back. Once it is back, you will find the plugin causing this.
For the theme testing, simply change the theme, delete cache and see if it was resolved.
You won't be able to use Code Snippet since a line of code needs to be commented in our plugin.
1. 2. and 3. are possible with custom CSS and modifying the strings in the plugin.
You could find the selector of the Search field, and modify it with custom CSS.
2. and 3. try installing Loco Translate; locate the strings you want to alter, and change them.
I can help you with CSS, for example:
#table_1_filter > label { background-color: red !important; }And it would look like this:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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
Thank you so much for your help, Aleksandar!
I used the CSS to put a box around the main search field instead of background coloring it, but it works fine.
Just need to figure out the actual string the placeholder labels are coming from to try altering those. I actually installed String Locator plugin to see if that would be helpful. Loco Translate looked like it was way more than I needed, but thanks for the suggestion.
You'd be amazed at how many times the string "search" appears in the plugin!
Thanks again,
Mark
You're welcome, Mark
Glad I could be of service.
For the global search selectbox, you can go to ../wp-content/plugins/wpdatatables/source/class.wpdatatables.php and around line 3800 you will see this:
$obj->dataTableParams->oLanguage->sSearchPlaceholder = __('Search table', 'wpdatatables');Change that placeholder to what you need it to be, and it will change on front-end. Make sure to delete cache from the site
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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
Thanks again.
I probably won't edit the plugin any further, since any edits would be overwritten by the next update.
I think that may be beyond what the actual site owners can keep up with.
We can close this ticket. I appreciate the help and responsiveness.
Regards,
Mark
You're welcome, Mark
I'll reach out to our developers about this, and see if there's anything they can do about these strings in the future.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
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