Display images from Google Drive

Follow

Comments

18 comments

  • Avatar
    Zebulun Haggerty

    I do not get an image when following these instructions - I just get this:

     

     

     

    1
    Comment actions Permalink
  • Avatar
    Awesome Table

    Hello Zebulun Haggerty,

    Could you submit a ticket with all the details about your issue, please? Would it be also possible for you to share us your view and your spreadsheet at "support@awesome-table.com"?

    Thanks in advance.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    Jaybird Farrow

    is there anyway to display a thumbnail of a PDF document inside files cabinet?

    0
    Comment actions Permalink
  • Avatar
    Awesome Table

    Hello Jaybird Farrow,

    It is not possible for the moment to display a thumbnail of a PDF document inside a Files Cabinet.

    However, you can propose this feature in our feature request.

    Thank you for your understanding.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    Jane Richardson

    I can't figure out how to use the ImageType keyword AND a template for the cards view. Is it even possible? When I put "ImageType" in my identifier line, it overrides my template. Thanks!

    0
    Comment actions Permalink
  • Avatar
    Thomas Morin

    Hello Jane,

    Indeed, it is definitely possible to use imageType keyword and a template at the same time.

    You just need to use imageType keyword in the relevant column, then, display the content of this column in your template sheet. In this case, there is no need to have HTML code, you can directly use markers like this: {{yourColumn}}. 

    If you still experience this issue, please create a ticket and share with us your view and your Google Spreadsheet data source at "support@awesome-table.com".
    Just make sure you give us access to your data.

    Kind regards.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    Lucy Nguyen

    How can I display images in full size instead of thumbnail? I used https://drive.google.com/thumbnail?id=imageID but I want it display in full size

    0
    Comment actions Permalink
  • Avatar
    Nicolas Gauvin

    Hello Lucy!

    Are you using a template to display the images?

    If so, you can change their size either within the HTML:

    https://drive.google.com/thumbnail?id={{imageID}}&sz=w{{width}}-h{{height}}

    or also by changing the CSS.

    Can you have a look if this would work for you?

    0
    Comment actions Permalink
  • Avatar
    fake account

    I am working on an IoT project . I want to access images stored in google drive on the cloud server.Is it possible? If yes, then how?

    Which cloud server should I prefer?

    0
    Comment actions Permalink
  • Avatar
    Thomas Morin

    Hello,

    I'm not sure to understand your request because if your images are stored in Google Drive, this article explains how to display them.
    What do you mean by cloud servers?

    Kind regards.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    AudiCo Eaton (Edited )

    How can I get the JPG format in my links?

    I have already tried using "get link to share"

    0
    Comment actions Permalink
  • Avatar
    Thomas Morin

    Hello AudiCo Eaton,

    If your images are in JPG format, it will be automatically displayed if you use the correct link we advise above.
    However, if you use another format, it won't work.

    Kind regards.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    Kent A Vaughn

    Hi!  My question is similar to one above that seems to be unanswered.  ( Lucy, April 9th, 2019 ) 

    We are working within a GSuite Domain.   We are using the following format, and it works in terms of seeing an image in the table.  ( replacing domain.com with our proper domain, of course) 

                 https://drive.google.com/a/domain.com/thumbnail?id=imageID

    But - as another poster indicated, by using the "/thumbnail" attribute, this really retrieves the thumbnail version of the image, correct?   We have some images and they appear very fuzzy at full size, so I am guessing it is retrieving the thumbnail.   If I switch it from Thumbnail to Open   ( as other examples seem to indicate ) 

                 https://drive.google.com/a/domain.com/open?id=imageID

    ...it does NOT work.   We get the broken image icon.   Is there a way to get the full-sized image? 

     

     

    1
    Comment actions Permalink
  • Avatar
    Thomas Morin

    Hello @Kent A Vaughn,

    Indeed, if you use this way to display your images "https://drive.google.com/a/domain.com/open?id=imageID", it won't work.
    That's why, you can change the size of your images in this way: "https://drive.google.com/a/domain.com/thumbnail?id=imageID
    &sz=w{{width}}-h{{height}}". It should work.

    You can also change the size with your own CSS code.

    Kind regards.

    Thomas

    0
    Comment actions Permalink
  • Avatar
    Kent A Vaughn

    Thomas - OK, that appears to work,but it is confusing as mostly we view Width and Height as sizing parameters, not resolution scaling parameters.

    I would suggest modifying this pages instruction to clearly include those directions that you need to use W/H sizing if you want to work at full resolution of the image.   ( at least for people behind gsuite domain restrictions )  Most people want to work in that mode, so the instructions on this page should simply indicate that as the default. 

     

    -- Kent 

    0
    Comment actions Permalink
  • Avatar
    Marie-Andrée Ouimet

    I have followed all of these instructions. I have read it over at least 10 times. The images are not loading on my website with the Awesome Table.

    I have created a folder in GDrive with my images. The folder is in Read-Only with anyone with the link.

    I then created a GSheet with the Photo Gallery Add-On. I have the links for all the images.

    I paste theses links in another Awesome Table Template. The images don't show when I display the Sheet in Awesome Table. 

    Any clue as to what I am forgetting?

    2
    Comment actions Permalink
  • Avatar
    Sshell

    I have followed all steps above exactly. Although most users can view the site properly, a couple users are reporting all images to be broken. I have made sure that the sharing settings are correct. Any idea what could be wrong?

    The users who see broken images also don't see the correct font which is added in a similar way (uploaded to Google Drive and linked to in the code).

    0
    Comment actions Permalink
  • Avatar
    Marlon Becerra

    Hello,

    One example for this part..

     

    Using templates also allows you to specify the size of your images dynamically:

    yourImageURL&sz=w{{width}}-h{{height}}
    0
    Comment actions Permalink

Please sign in to leave a comment.