Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
I just published my HTML5 app for testing purposes and images that are linked in some HTML panels are not showing now. They still show up fine in the browser mobile previewer. Here is an example of a link in my HTML
On a related issue, the rss reader page in my published app is not showing anything either while the mobile previewer is still showing the feed fine.
Hello David!
On what device/ version are you testing your app? Do you get any errors?
I have viewed in on my PC browser and on my iPhone. No errors, the images just don't show up (like they are missing with broken image icon).
Where in the app do you keep these images?
Could you please post a public link to the app.
They are just uploaded through the normal image uploader in your service. Here is the web app link...
http://sacongress2013.app.appery.io/
When I run the app all images are shown for me.
Did you export the app without errors?
Have a look at this page http://sacongress2013.app.appery.io/s...
The images that are inserted using the image component work fine. The problem is images that I am linking to in HTML code in a panel. I exported the HTML/CSS code and I notice that there is a difference in the directory where the photos are placed in that ZIP file and I'm guessing that is part of the problem. I have set my image urls in the HTML code with this code ../../views/df56b972-91d1-4c56-ab99-2d8393ab1de4/image/T_Brutto.jpg which works fine in the IDE and in the mobile preview. When I look at the directory structure for the exported ZIP the /df56b972-91d1-4c56-ab99-2d8393ab1de4/ looks like it should be replaced with /assets/ instead. This doesn't work in the IDE or mobile preview however.
Is there a URL for images hosted by Appery.io that would work for both scenarios?
FYI, this appears to be the proper structure for the URL mentioned above "files/views/assets/image/T_Brutto.jpg" as this works in the published web app, however, the image does not show up in the IDE or mobile preview using this URL. I can certainly work around the problem by changing all of the HTML code I have in panels but this seems like a bug and it makes it hard to design a page when you can't see how it will look in the HTML editor in the IDE.
This doesn't fix my other problem though with the RSS page not working. See this page http://sacongress2013.app.appery.io/s... which is empty on the web app but displays two items in the mobile preview.
Hi David,
Testing will take some time. I'll update.
Hi David,
File structure on Test differs from the one after publishing. Images added to project are in different folders on Test and after publication.
The following JavaScript function returns image path depends on where the app is opened:
codeAppery.getImagePath('T_Brutto.jpg');/codeIt returns different addresses on Test and for published app.