Okay
  Public Ticket #3447632
Clickable Image in the table
Closed

Comments

  •  1
    Tony Fitzpatrick started the conversation

    Hi, I want to add a clickable image to my table. I can add a link but that looks weird on a mobile divide. I can add an image but cant make it clickable and I can add the href html code for an image but that doesn't pull in the image it just displays the code

    The table can be seen at the top of my home page with "Buy Full $99 Membership" button and also "Get Free membership" button. These are the buttons I want as clickable images

    Any suggestions?

    Regards

    Tony

  •  1,857
    Miloš replied

    Hi Tony,

    In regards to making images work as links, yes, you can do this with Custom HTML in our tables. 

    But you will have to write the HTML directly in the Simple Table’s cells.

    I will show some examples.

    If you first add an image to a cell, then go to the top right to make a link from this cell via our built-in Simple Table “link” option,

    9834678736.png
    2408078503.png

    in this case what you set up in the “Link Editor” is going to completely overwrite the content of that cell, with what you set as the “URL link”, the “displayed Link text”, etc.

    2147503850.png

    Now the previous image ( or any other content the cell had) will be overwritten with what you set up in the “Link Editor”.

    6485051725.png

    The solution will be to input your Custom HTML fully, without using our Link Editor,
    by creating a link as an image directly in the cell.

    You can check out this guide on how to make links as images with examples.

    I will take their first example and apply it to a cell in my Simple Table, like this :

    <a href="https://www.Youtube.com/"><img src="https://www.tutorialspoint.com/assets/questions/media/426142-1668760872.png"></a>

    and it renders in the table as a “clickable” image link.

    1838771115.png
    3960246080.png

    Let us know if that helps. 

    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 | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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

  •  1
    Tony Fitzpatrick replied

    Hi Milos

    Thank you for your fast response.

    It now works great, thanks

    I was posting the img src HTML into the HTML editor rather than directly into the table cell.

    Thanks for your help

    Regards

    Tony

  •   Miloš replied privately