This used to work just fine, and it still shows the correct URL when you hover over the image, so if you right-click on it, and select "Open in a new tab" it will take you to google.com.
However, I can't say exactly why it's not currently working on left-click, so I forwarded the ticket to our developers. As soon as I hear from them I will let you know.
Thanks for your reply. One colleague tested my page with another browser and it works fine.... the image is displayed and a click on it open the link.
So, with Chrome it does not work, but with Edge, it works fine.
Perhaps it is due to browser configuration by IT (something blocked to avoid malicious code injection???), I will check this. If you have some ideas of what to check, that can help.
It works in Chrome as well as long as the table is not editable, but we've got a fix for that.
Please go to file wp-content/plugins/wpdatatables/assets/js/wpdatatables/wpdatatables.js and change line 1511 from this:
if (!$(e.target).is('a') && !$(e.target).is('button')) {
To this:
if (!$(e.target).is('a') && !$(e.target).is('button') && !$(e.target).is('img') ) {
After that, go to wpDataTables settings/Custom JS and CSS tab, and on the bottom disable "Use minified wpDataTables Javascript":
When you purge all cache on the server, on the page, and in the browser, it will work correctly for editable tables as well in Chrome. I just tested it locally, and I can confirm that it's functioning properly.
Thanks for your answer and sorry for late response from me. What you proposed is working fine, but only if table is not editable.
Is there a way to make the image clickable even if table is editable? Link is working fine as we can do a right-click on image and open it in new tab. But direct click does not work (it activate or show the popup menu for New Entry and Edit).
Hello,
In my WPDataTable, I have a clickable link defined from a MSSQL text like this:
< a href="https://google.com/" target="_blank">Click Here
(I put a space between '<' and 'a' because without it, it was displayed as a link in the "Submit a Ticket" page definition)
It works fine, but is it possible to use an image instead of the "Click Here" text?
I have tried with the following code, image is displayed but nothing happens when I click on it:
< a href="https://google.com/">
<img alt="..../path_to_google_image.png" width=150" height="70">
</a>
Do you know why nothing occurs when I click on it?
Best regards
Hello Jerome
This used to work just fine, and it still shows the correct URL when you hover over the image, so if you right-click on it, and select "Open in a new tab" it will take you to google.com.
However, I can't say exactly why it's not currently working on left-click, so I forwarded the ticket to our developers. As soon as I hear from them I will let you know.
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
Hello Aleksandar,
Thanks for your reply. One colleague tested my page with another browser and it works fine.... the image is displayed and a click on it open the link.
So, with Chrome it does not work, but with Edge, it works fine.
Perhaps it is due to browser configuration by IT (something blocked to avoid malicious code injection???), I will check this. If you have some ideas of what to check, that can help.
Regards
Hey Jerome
It works in Chrome as well as long as the table is not editable, but we've got a fix for that.
Please go to file wp-content/plugins/wpdatatables/assets/js/wpdatatables/wpdatatables.js and change line 1511 from this:
if (!$(e.target).is('a') && !$(e.target).is('button')) {To this:
if (!$(e.target).is('a') && !$(e.target).is('button') && !$(e.target).is('img') ) {After that, go to wpDataTables settings/Custom JS and CSS tab, and on the bottom disable "Use minified wpDataTables Javascript":
When you purge all cache on the server, on the page, and in the browser, it will work correctly for editable tables as well in Chrome. I just tested it locally, and I can confirm that it's functioning properly.
Please check it out and let me know.
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
Hello Aleksandar,
Thanks for your answer and sorry for late response from me. What you proposed is working fine, but only if table is not editable.
Is there a way to make the image clickable even if table is editable? Link is working fine as we can do a right-click on image and open it in new tab. But direct click does not work (it activate or show the popup menu for New Entry and Edit).
Best regards,
Jerome Lacroix
Hey Jerome
At the moment, it's not possible to do this on editable tables since, as you said, it selects the row that needs to be edited.
I sent this as a feature suggestion to our developers, so hopefully they'll be able to do something about it in one of our future updates.
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