I'm displaying a Google Sheet in a wpDataTable and would like the email addresses column presented as "EMail" buttons instead of in the clear. This is similar to the feature that converts a website URL to a Website button.
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
When you create a URL Link column and set it to appear as a button, you need to add a custom class to it:
Then, visit this website, generate your button, and click on "Get Code":
In the right part of the screen, you'll see the code you need for this button:
Copy the code without the first row and change "myButton" to the custom class you added in step 1, so instead of this:
In the table, go to Customize/Custom CSS and paste that code:
Notice that the font color had to include the !important clause to override the color of the text in the button. After you add this, the button in the table will look like this:
I hope this helps!
-
Let me know how it goes and if you have any questions
I'm displaying a Google Sheet in a wpDataTable and would like the email addresses column presented as "EMail" buttons instead of in the clear. This is similar to the feature that converts a website URL to a Website button.
Can do?
Thanks,
Paul
Hi, Paul
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
When you create a URL Link column and set it to appear as a button, you need to add a custom class to it:
Then, visit this website, generate your button, and click on "Get Code":
In the right part of the screen, you'll see the code you need for this button:
Copy the code without the first row and change "myButton" to the custom class you added in step 1, so instead of this:
You would use this:
In the table, go to Customize/Custom CSS and paste that code:
Notice that the font color had to include the !important clause to override the color of the text in the button. After you add this, the button in the table will look like this:
I hope this helps!
-
Let me know how it goes and if you have any questions
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