Hi, when I configure the Selectbox filter type for one of the columns of my table, and it has a lot of available options, you have to scroll down to see the full list of options to choose from.
The issue I'm having here, is frontend related: while all the options show in the Selectbox list, the scroll functionality is not working properly, and I can't scroll all the way down, so the last option remains hidden, even if it is actually there (in the HTML).
Please, let me know if my explanation is not detailed enough, and I will try to provide more information and better screenshots.
- In the column settings, on the Data tab, here is the setting you can change in order to select how many values the filter is going to load. Please note what I pointed out on this screenshot, that it might affect the performance if you choose a large number of values to load on a filter.
- Alternatively, if something is working on the back-end, but not properly showing on the front, you can try this, too :
In the main wpDataTables settings you can find the options to include full bootstrap front and back-end which is switched on by default. Try turning off the option " Include full bootstrap front-end " and let me know if the issue is resolved.
- If this was not what you needed, please write more details, and we will assist you.
Hi Milos, thanks for your response, but I don't think you have understood my problem.
The number of possible values to load is set to All, and all of them are loaded properly in the frontend, they are in the HTML code of the page. The issue lies in the responsiveness of the div containing all the options.
I have the bootstrap.js options unchecked, as checking them causes incompatibility issues.
I think the image I'm attaching to my posts is not showing correctly, I will try to paste it here.
Here, I can't scroll further down, but the last entry (ZeBet) remains hidden because it has no space, and even the penultimate one (WinaMax) gets cut.
Sorry, I attached this screenshot to my first message, but it seems there is a problem with this functionality. I hope you can see now what is happening.
- You can try increasing the min-height value, and max-height, but I believe the overflow property is maybe cutting the content from showing.
- If it doesn't help, I can take a look at the page if you send me a link ( if it needs a logged-in user, with temporary user credentials);
or I can also take a look from the WP Admin area at the table setup as well -
if you provide me a temporary WP-admin (administrator) user 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 parties.
If you write credentials here just check PRIVATE Reply so nobody can see them except us.
I apologise for not being able to isolate the issue yet. I will put more effort to investigate further, so I should be able to provide you with the results soon.
Thank you for your patience. I will keep you posted on the progress.
Seems that you are trying to access to the page /comparador, but in the actual production website. Just add the subdomain dev. to the url and you should be fine.
I have to go now, but when I come back, I will try deactivating plugins as you said to search for conflicts, and update you in the issue.
- So far i gathered that there is some inline CSS that's doing this, can't figure out yet exactly where it's coming from.
- Basically, if you open the dropdown and scroll down, at the point where it's max-height reaches around 1300px, the last 2 values properly show...
I tried to override the overflow:hidden property of that DIV but the inline CSS keeps bringing it back.
Changing to a default WP theme didn't help either.
I will escalate this higher with my team, and let's see what we can do. I will update you on the progress.
In the meantime, if you can try to find any custom CSS files you might have added to the child Astra theme, that is doing this "overflow:hidden" property, let me know if you find it,
Sure, if you can send us the custom plugin, we will try to isolate and tell you which styles to "comment out" or delete to remove the conflict.If you send it as an attachment, mark the Reply as Private. Or if the plugin is too large for Ticksy, you could use something like WeTransfer, and send us the link.
- Just to update you on the status, we are still looking into it, no conclusive results yet from the developers. I will keep you posted on the progress.
By the way, I am noticing another issue with my tables since a few days ago. They sometimes fail to load after the rest of the page has loaded, and when I look in the Chrome DevTools, I see a 500 Ajax error. I don't really know what to do :S
Edit: I don't know if you prefer me to open another ticket, so we keep the different issues separated
Hi, when I configure the Selectbox filter type for one of the columns of my table, and it has a lot of available options, you have to scroll down to see the full list of options to choose from.
The issue I'm having here, is frontend related: while all the options show in the Selectbox list, the scroll functionality is not working properly, and I can't scroll all the way down, so the last option remains hidden, even if it is actually there (in the HTML).
Please, let me know if my explanation is not detailed enough, and I will try to provide more information and better screenshots.
Hi, David
Thanks for reaching out to us.
- In the column settings, on the Data tab, here is the setting you can change in order to select how many values the filter is going to load. Please note what I pointed out on this screenshot, that it might affect the performance if you choose a large number of values to load on a filter.
- Alternatively, if something is working on the back-end, but not properly showing on the front, you can try this, too :
In the main wpDataTables settings you can find the options to include full bootstrap front and back-end which is switched on by default. Try turning off the option " Include full bootstrap front-end " and let me know if the issue is resolved.
- If this was not what you needed, please write more details, and we will assist 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
Hi Milos, thanks for your response, but I don't think you have understood my problem.
The number of possible values to load is set to All, and all of them are loaded properly in the frontend, they are in the HTML code of the page. The issue lies in the responsiveness of the div containing all the options.
I have the bootstrap.js options unchecked, as checking them causes incompatibility issues.
I think the image I'm attaching to my posts is not showing correctly, I will try to paste it here.
Here, I can't scroll further down, but the last entry (ZeBet) remains hidden because it has no space, and even the penultimate one (WinaMax) gets cut.
Sorry, I attached this screenshot to my first message, but it seems there is a problem with this functionality. I hope you can see now what is happening.
Hi, David
- Can you try adding this to the custom CSS of the table?
- You can try increasing the min-height value, and max-height, but I believe the overflow property is maybe cutting the content from showing.
- If it doesn't help, I can take a look at the page if you send me a link ( if it needs a logged-in user, with temporary user credentials);
or I can also take a look from the WP Admin area at the table setup as well -
if you provide me a temporary WP-admin (administrator) user 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 parties.
If you write credentials here just check PRIVATE Reply so nobody can see them except us.
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
Hey, David
Thank you for the credentials.
I apologise for not being able to isolate the issue yet. I will put more effort to investigate further, so I should be able to provide you with the results soon.
Thank you for your patience. I will keep you posted on the progress.
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
Great! I will wait for your response :)
Seems that you are trying to access to the page /comparador, but in the actual production website. Just add the subdomain dev. to the url and you should be fine.
I have to go now, but when I come back, I will try deactivating plugins as you said to search for conflicts, and update you in the issue.
Hey, David
- So far i gathered that there is some inline CSS that's doing this, can't figure out yet exactly where it's coming from.
- Basically, if you open the dropdown and scroll down, at the point where it's max-height reaches around 1300px, the last 2 values properly show...
I tried to override the overflow:hidden property of that DIV but the inline CSS keeps bringing it back.
Changing to a default WP theme didn't help either.
I will escalate this higher with my team, and let's see what we can do. I will update you on the progress.
In the meantime, if you can try to find any custom CSS files you might have added to the child Astra theme, that is doing this "overflow:hidden" property, let me know if you find it,
and I will keep working on my end.
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
I see that setting the overflow to auto adds an undesired second vertical scrollbar to the dropdown.
I will try deactivating plugins now and see what happens
I found it, its a custom plugin developed for us, Lista Personalizada.
Can I share it with you, so you can tell me which part of the CSS code is causing the conflicts and I can fix it?
Hey, David
Very good, i see you have isolated the styles.
Sure, if you can send us the custom plugin, we will try to isolate and tell you which styles to "comment out" or delete to remove the conflict.If you send it as an attachment, mark the Reply as Private. Or if the plugin is too large for Ticksy, you could use something like WeTransfer, and send us the link.
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
Thanks for the plugin, David
I have passed this to our devs, and they will do the best they can to investigate this, and I am hoping for good results, of course.
If they find a way to debug the conflicts, they will give us instructions on what you need to change to fix it.
As soon as they are finished, I will come back to you on this ticket.
Thank you for your patience and cooperation.
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
Thank you very much Milos! I really appreciate your and your team's help
Hey, David
Hope you're doing well.
- Just to update you on the status, we are still looking into it, no conclusive results yet from the developers. I will keep you posted on the progress.
Thanks for your patience.
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
Great, tell me if you need anything more from me :)
Thank you very much Milos! Worked like a charm :)
By the way, I am noticing another issue with my tables since a few days ago. They sometimes fail to load after the rest of the page has loaded, and when I look in the Chrome DevTools, I see a 500 Ajax error. I don't really know what to do :S
Edit: I don't know if you prefer me to open another ticket, so we keep the different issues separated
Hey, David.
Great to see that the fix for the CSS styles works, awesome
- Yes, it will be best if you open a new ticket for the 500 Ajax error. I got a couple of ideas about what it could be.
If you can open a ticket for this real quick, I will post there what you can check from your end for isolating the issue?
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
Done!
Hey, David
- Yup, we will proceed on that ticket, thanks.
Of course, as you know, feel free to open new tickets if anything else unrelated happens. 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