# Web Viewer not displaying image **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [July 8, 2019, 6:54pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376 "2019-07-08T18:54:03Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 6:54pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/1 "2019-07-08T18:54:03Z")
Not sure what the issue is but I suspect their is a bug with the web viewer component. I have an image stored on my WP site and added the url to web viewer. When I run the code on my phone, the image is not loaded even when the image is accessible via normal browser and image also shows on Thunkable design page. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/c/9c34d028bc3be01f18169190f74f1e549981c992.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/a/2a2ab7f507fc6ebb099e3c971c0e641de5df0c6c.png) ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 7:25pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/2 "2019-07-08T19:25:26Z")
Are you calling for a reload? ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d7a4b7ca8312adc1ab55f9c83539038b3b892c1.png) ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 7:27pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/3 "2019-07-08T19:27:57Z")
I am not using block for now but adding URL directly to component settings ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 7:32pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/4 "2019-07-08T19:32:23Z")
That is perhaps the point. There is an URL, but no one is telling to actually get on line and fetch the data. ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 7:43pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/5 "2019-07-08T19:43:09Z")
even this does not load image ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/2/d2115e19606a1194fd63956300efc7ae3a2e5db6.png) ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 7:49pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/6 "2019-07-08T19:49:27Z")
You seem to want to open a file, as opposed to a link. Is the path starting with “file:” ? ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 7:52pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/7 "2019-07-08T19:52:18Z")
No it does not because reverting back my blocks to how it was, I call the airtable spreadsheet attachment column and try to get the url value ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/a/ea4b28503d857d4b89f145255a293d627a71e87f.png) ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 8:14pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/8 "2019-07-08T20:14:30Z")
Would you consider getting out (through an alert, or a display of some sort) the actual text that you end up setting to VOTD Web\_Viewer3 URL ? Perhaps it is garbled? ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 9:18pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/9 "2019-07-08T21:18:38Z")
This is the URL output [https://dl.airtable.com/.attachments/xxxxxxxxxxxxxxxxxxxxx/0eae92b5/im1.jpg](https://dl.airtable.com/.attachments/xxxxxxxxxxxxxxxxxxxxx/0eae92b5/im1.jpg) ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 9:20pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/10 "2019-07-08T21:20:41Z")
> [@sysads](#): > > [https://dl.airtable.com/.attachments/xxxxxxxxxxxxxxxxxxxxx/0eae92b5/im1.jpg](https://dl.airtable.com/.attachments/xxxxxxxxxxxxxxxxxxxxx/0eae92b5/im1.jpg) Not sure this is helping.: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/8/2827f563c06bcc10e4047268086e9e65ea415de7.png) ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 9:21pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/11 "2019-07-08T21:21:14Z")
“[https://dl.airtable.com/.attachments/b1d8de3051cc458be6769244007b01e1/0eae92b5/im1.jpg](https://dl.airtable.com/.attachments/b1d8de3051cc458be6769244007b01e1/0eae92b5/im1.jpg)” ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 9:22pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/12 "2019-07-08T21:22:18Z")
But that is not an URL, this is the actual image. ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 9:23pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/13 "2019-07-08T21:23:16Z")
Yes I want to display image using web viewer since using the image component does not work or unstable ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 9:36pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/14 "2019-07-08T21:36:45Z")
I have had problems showing images (animated gif) with image viewers and am now showing them as components in an HTML/JavaScript file that is the one loaded in the webviewer. The problem here is that in X, you do not have the webviewer string that would allow sending the path for the image itself to the HTML file (I am doing that in Classic, which has a webviewer string). I have seen some people suggesting that the X thunkable application and the HTML file could exchange information through Firebase or other, which I cannot personally vouch for never having done it myself. One thing that perhaps could be worth trying is downloading the jpg file as a local file using a generic name, which is then referred as a static resources in the HTML file even though the content varies. ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [July 8, 2019, 9:41pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/15 "2019-07-08T21:41:22Z")
But hold on a second here. In the first posting that you had, is it possible that it is displaying a small corner of the overall picture, given that there are what appears to be scroll tabs on the bottom and right side? Then you may simply have a problem of image _scale_. ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 8, 2019, 9:42pm UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/16 "2019-07-08T21:42:26Z")
My original design was have 2 button components side by side in a row so 2 images are displayed and when you click on each one, it displays a full image size. Now doing this was fine but the downside was I needed to set the row height to Relative Size of about 8% while width was fill container so that I get the full image displayed with resize mode to contain. Doing this then breaks the scroll has it stops the rest of the page from showing ---
**Author:** ![kartik\_old](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik_old/32/28305_2.png) [@kartik\_old](https://community.thunkable.com/u/kartik_old)\ **Post date:** [July 9, 2019, 2:12am UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/17 "2019-07-09T02:12:04Z")
Wait a second. Do u just want to display an image through URL? If so, Why don’t u use directly the image component? It also has option for image url… > **See this Screenshot** > > ![temp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/3/c3f4ce7e7c4ba0875ebdd658fbd5af9da456560e.png) Thanks 😄 ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 9, 2019, 4:26am UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/18 "2019-07-09T04:26:18Z")
I have tried all these and this just creates a white space both at top and bottom of image and if you use absolute size, it will not fit into other phone sizes or dimensions. ---
**Author:** ![kartik\_old](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik_old/32/28305_2.png) [@kartik\_old](https://community.thunkable.com/u/kartik_old)\ **Post date:** [July 9, 2019, 5:07am UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/19 "2019-07-09T05:07:28Z")
Did u do exactly as the screenshot? > [@sysads](#): > > it will not fit into other phone sizes or dimensions. Then use **Relative size** … (in %) ---
**Author:** ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)\ **Post date:** [July 9, 2019, 5:13am UTC](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376/20 "2019-07-09T05:13:11Z")
Yes and that removes the white spaces but then using stretch as resize mode distorts the image. Using cover corrects that but the issue I have been facing with this settings since yesterday is after a while, when I try to access the advanced tab, everything goes white like its corrupt hence I have to recreate a new one which at some point same issue happens again. [Next page](https://community.thunkable.com/t/web-viewer-not-displaying-image/136376.md?page=2)