Support » Plugin: WordPress Tables » Inserting a picture into a cell

  • Resolved mikejpryor

    (@mikejpryor)


    Hi, thanks for a superb plugin, really easy to use. However, I would like to insert images from my Media Gallery into the cells in one of the columns and cannot work out how to do this. I notice a forum thread on Fancybox, which I think is similar but I’m not familiar with it. Can you advise please ? Many thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter mikejpryor

    (@mikejpryor)

    Sorry, I meant “Media Library”

    Plugin Author Ian Sadovy

    (@iansadovy)

    Hello,

    Thank you for the question.
    You can isnert an image using <img> tag:
    1. Open Media Library, select an image and copy image URL.
    2. Open WPTables, select table to edit and isert following code to the cell:
    <img src="[paste URL here]" />

    Here is a video with steps: https://youtu.be/2KvsMY345Wo

    Please let me know if it works for you.

    Regards,
    Ian

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi Ian, thanks for your quick response, much appreciated. Yes, that successfully shows the images, which is great. However, it triggers a couple of follow-on questions :

    1. The HEIGHT= command has no effect, which is weird because I can see from your video that it should. Sorry, what I mean is that on the rendered page it has no effect – I can see that it does have effect on the WP Tables page, but not when I render the page which I have embedded the table in. Should I re-paste the WP_table ID link ?

    2. On the rendered page the image isn’t clickable – it would be great if I could click a small image and it then renders larger, but I don’t know if that’s possible / tricky

    Many thanks for your help

    Plugin Author Ian Sadovy

    (@iansadovy)

    Answering your questions:

    1. Please try to replace height="100px" with style="height:100px"

    2. It can be achieved by using FancyBox library. You can add FancyBox by using one of the plugins (i.e. Easy FancyBox). Also, please update WPTables to version 1.2.7, I’ve just fixed few compatibility issues with FancyBox. Finally, insert the following code to the table cell:

    <a data-fancybox href="[image URL]">
      <img style="height:100px" src="[image URL]">
    </a>

    Please note that FancyBox may work only on the embedded page, and not on the WPTables page.

    Expected result: http://take.ms/vqu6l

    Please let me know if it works.

    Regards,
    Ian

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi Ian, the style code worked, thank you, and I have updated to 1.2.7. I will experiment with FancyBox later this week and let you know what I discover. Many thanks for your help

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi Ian, I was about to install EasyFancyBox but noticed that NextGen has its own version of FancyBox and I’m already using NextGen. So I just tried the code you sent and it works perfectly. Thanks once again for helping, this is a terrific plugin

    Plugin Author Ian Sadovy

    (@iansadovy)

    Hello @mikejpryor,

    I am glad to hear that everything works fine now.
    So, I will mark this ticket as resolved.

    When you have the opportunity, can you please share a brief review of your experience with WPTables plugin?

    Many thanks,
    Ian

    Thread Starter mikejpryor

    (@mikejpryor)

    Done, many thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Inserting a picture into a cell’ is closed to new replies.