Hey everyone!

With the holiday season upon us, we want to share our upcoming working hours:

After that, we’ll return to our regular schedule and assist you as quickly as possible.

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find tons of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel), which might just have the answers you need while we’re away.

Thanks a bunch for your understanding and support!

Warm regards and happy holidays!

TMS

Okay
  Public Ticket #3341877
Adding image in table
Closed

Comments

  • Charles started the conversation

    Hi Team,


    Firstly what a great product, thank you this is a huge boost for my services.

    I'm fairly new and am not grasping the add image function. My google sheet can be found in the link below.


    You will note the 3rd column is an image of each players nation. This is a URL within google sheets which creates the nations flags. How would I go about incorporating this into WpDatatables?

    Any help would be greatly appreciated! Sheet link below:


    https://docs.google.com/spreadsheets/d/1NqCw4zrcNsFRQj_Q09jYtzxJwc01HleYrcQYYm4a020/edit?usp=sharing


    Kind regards,

    Charles Jerrard

  •  1,847
    Miloš replied

    Hi, Charles.

    I can see what you mean.

    7467747759.png

    You will not be able to pass images formatted like this directly from the Sheet to our tables.

    But we can help you do this.

    You will need to change how you format the source data for images.

    “Image” link columns are used to render images in the table, either in full size, or as a link from a thumbnail to a full size image.

    • Rendering rules: If the content of the cells contains a combination of “two sticks” – || – everything to the left of this combination is used as a link to the thumbnail, 
    • and everything to the right as a link to the full image size .

    For example:

    http://domain.com/thumb.png||http://domain.com/fullsize.png
    If the “||” combination is not found in the content, the entire content will be used as a link to a full-size image.
    • Sorting rules: alphabetical.
    • Applicable filter types: text.
    • Editor input type: One-line edit, Attachment
    • Issues to note:
      • Sometimes some issues may appear when you’re sorting on image columns, since it’s done alphabetically, and alphabetic sorting of HTML typically doesn’t make sense.
      • Please note that the plugin does not create thumbnails (at least for the moment), so you will need to take care of this yourself.
      • If you would like to open full-size images in lightbox, you can use a plugin for that, e.g. WP Lightbox 2  (please note that this is available for tables that aren’t editable)

    Check more details about how to use Image column in our plugin here  : https://wpdatatables.com/documentation/column-features/image-columns/

    --

    Let me know if you have any questions.smile.png 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 | 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

  • Charles replied

    Hi Milos,


    Thanks so much, all sorted!

    Last question, I'm using the table for a live leaderboard. In the data source settings I have selected:

    • auto-refresh to 30 seconds
    • replace rows with data source
    • then added the link for my google sheet

    All updates in WpData tables when I click save but thereafter it does not auto-refresh.

    Perhaps I'm missing something? Below is the link to the Google sheet, then you can visit https://e4gdigital.com/google-sheet-test/ to view the table which has not updated the last row as the name Tiger Woods is not listed.

    https://docs.google.com/spreadsheets/d/1NqCw4zrcNsFRQj_Q09jYtzxJwc01HleYrcQYYm4a020/edit#gid=0


  •  1,847
    Miloš replied

    Hi, Charles.

    No problem, i am happy to help.smile.png

    - In regards to these new questions , yes, i can see what the issue is.


    Basically, you have imported this Google Sheet data, but when you do this method to Create a Table,

    what this does is -  it makes a new Table in your Database,

    but it does not have any synchronization/link with the source Google Sheet.

    Just in the moment of the "import", this data gets passed, then there is no link between the Sheet and this Table, if that makes sense.

    Then later on, if you need to update it with changed data from the Sheet - you have to go to the "Select how to use source file data", choose one of these options,

    depending on if you still keep the same Column structure in the Sheet and just wish to add new rows, 

    or if you change the column structure, then you need to replace the entire data source,

    2924451738.png
    2918174648.png
    8045333843.png

    then when you paste the Google Sheet link in the source URL,

    hit "Save Changes", the existing Manual Table is going to update your data from the source Sheet again.

    -


    2. But, if you need the source Google Sheet to stay 'linked'/synchronized with any editing you do ,

    and to output that with our dataTable,  then choose this other method;

    Create a data table linked to an existing data source.

    Here is the documentation that shows this for linking Google Sheets.

    1807203313.png

    This is going to automatically output any changes you do on the source Sheet,

    within 15 minutes.

    Just to note, there will be Google Cache involved.

    If you wish to avoid the Google Cache, and also if you wish to have a quicker /custom refresh interval,

    we have this new Caching Feature, which can be great for that use-case,

    and if you add "auto update cache" option, you can make Custom Cron Jobs that will allow you to set time interval for refreshing.

    -

    Please check more about this Cache and Auto-Update Cache on this Documentation.

    I also made a short Video here,  just to demonstrate how to make a table like this and how to enable our own cache feature.

    Important to note,  this will work if your tables do not go over approximately 5 to 6 thousand rows;

    if your data set for a single Table goes above that number of rows,

    then you will have to switch to the initial method / Import the Data to make a new Manual Table,

    because this method uses server-side processing to lessen the load of the hosting server.

    Let me know if all this makes sense and if you have any questions.smile.png

    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

  • Charles replied

    Hi Milos,

    Have tried my best on the auto cache and cron setup but not having any luck.

    I've attached a short video of the steps I took. Both the cache data tick box and auto update cache tick boxes were selected in the data source settings.

    Attached files:  Cron events.mp4

  •  1,847
    Miloš replied

    Hi, Charles.

    Sorry for the delay.

    We can do some troubleshooting for you - to see why the Auto Update Cache won't work as expected.

    Please 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. 

    You can write credentials here just check PRIVATE Reply so nobody can see them except us.

    And if you can share the "Editing" access for any example Spreadsheet, with my Email [email protected].

    and let me know of the Table ID where it's connected;

    so i can perhaps add a new row to the source Sheet, or slightly edit any cell , to test if the update works;  then i will revert any editing i did.

    i will also inspect the Cron configuration, etc.

    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 | 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

  • Charles replied

    Hi Milos,


    Thanks, I have given you access via the temporary login without password plugin. You should receive a mail with the details.

    Let me know if you have any issues.


    Kind regards,

    Charles 

  •   Miloš replied privately
  • Charles replied

    Hi Milos,

    I've given you admin rights, let me know if you come right.


    Kind regards,

  •   Miloš replied privately
  • Charles replied

    Hi Milos,

    Thanks so much for the time you've put into this support request. Before I get in touch with the WP plugin regarding the cron errors, if I gave you access to the server would you be able to add the required line into the cron file?

    I'm just worried that bring a free plugint hey won't respond and I was hoping to run this for an event on the weekend.

  •  1,847
    Miloš replied

    Hi, Charles.

    Our Support is not able to manage your server settings, I'm afraid.

    If you need help with any server settings or adding a cron job to the server directly,

    you would have to contact your hosting support.


    We can only help with issues that come from our own plugin,

    and as you see, sometimes we go beyond that, to troubleshoot a cron with WP Crontrol;

    but accessing your server and adding cron there would be too much outside of the scope what our Support can cover.

    -

    If you wish to try alternate approach outside of WP Crontrol, but rather to try a configuration with your server cron scheduler.;

    If you want to run a cron (do auto update cache) every 15 minutes, copy the command below and paste it into the cron file.

    */15 * * * * http://localhost/current/wp-admin/admin-ajax.php?action=wdtable_update_cache&wdtable_cache_verify=87ba468fd11194b7737460037b3e84738e5a3be98be0

    If that doesn't work, please try these as well:

    */15 * * * * wget -q -O – "http://localhost/current/wp-admin/admin-ajax.php?action=wdtable_update_cache&wdtable_cache_verify=87ba468fd11194b7737460037b3e84738e5a3be98be0"

    */15 * * * * /usr/local/bin/php ~/public_html/wp-cron.php –action='wdtable_update_cache' –wdtable_cache_verify='87ba468fd11194b7737460037b3e84738e5a3be98be0'

    GET 'http://localhost/current/wp-admin/admin-ajax.php?action=wdtable_update_cache&wdtable_cache_verify=87ba468fd11194b7737460037b3e84738e5a3be98be0' > /dev/null

    Depending on the server, there are different configurations for it, which you can contact your hosting provider about.

    If you need a different schedule time, you can see a more in–depth tutorial on how to set up cron jobs on this link.

    -

    We hope this 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

  • Charles replied

    Hi Milos,

    Trust you are doing well.

    I wanted to pick up on the below as I still haven't come right and really need to get this done before the weekend. I host my site through GoDaddy managed hosting. I'm concerned with the lack of knowledge on cron jobs that I am going to go around in circles with them when they ask questions relating to this.

    Is there any way possible I can get support to handle this for me, I'm happy to pay for this support as I know it falls outside the scope of what is offered. If not, do you perhaps know who else may be able to assist me through the process. 

    I have some new tables and examples of the problem if needed. It's just fristrating because I do all my testing in the WpData table dashboard and it works, even linked via API and it updates instanataneously, but outside of the WpData interface in my WP dashboard it does not update.

    Kind regards,

    Charles

  •  2,572
    Aleksandar replied

    Hello Charles.

    We are not able to assist you with cron jobs simply because different hosting providers have different commands. You can only get the correct command from their support, or by adding one at a time and checking to see if it works correctly or not.

    From GoDaddy's website, I can see that this is their cron command:

    /usr/local/bin/php -q /home/[user name]/[path to the file]

    So, on your end you would need to define the path to your username and then add the URL from the code in wpDataTables.

    Similar to what Milos added:

    http://localhost/current/wp-admin/admin-ajax.php?action=wdtable_update_cache&wdtable_cache_verify=87ba468fd11194b7737460037b3e84738e5a3be98be0
    

    So, with the "localhost" installation, it'd look like this:

    /usr/local/bin/php -q /home/milos/http://localhost/current/wp-admin/admin-ajax.php?action=wdtable_update_cache&wdtable_cache_verify=87ba468fd11194b7737460037b3e84738e5a3be98be0
    

    Let me know if that helps.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    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