delete no-image placeholder

[Yan Yi]

May I know how to change the default no-image to another picture? I tried deleting web resources/files/resources/image/no-image.jpg to replace it but the error "undefined" occurred. This is in the Appery builder source code.

[Igor]

Could you try to "Undo all source changes" on WEB_RESOURCES folder and try to delete this file one more time. Could you also check browser console - Is there any error?
http://docs.appery.io/tutorials/sourc...

[Yan Yi]

hmm. I did not do anything but it worked. Thanks anyway, Igor!

[Yan Yi]

hmm. This is weird. I successfully changed the image, but when I tested on the Appery web tester, the new image appeared for a split second before reverting back to the old no-image.jpg. Even after I deleted the old one

[Illya Stepanov]

Hi -
ol
liOpen source files: WEB_RESOUCES\files\resources\image. Find there no-image.jpg/li

liRename this image to "no-image-old.jpg" http://prntscr.com/36hrj0/direct/li

li Upload file with name "no-image.jpg" into the WEB_RESOUCES\files\resources\image folder. http://prntscr.com/36htar/direct/li
/ol
That's all.

Note: If before you start there was changed files in this folder, please delete them and make "undo all source changes".

Regards.

[Yan Yi]

Thanks!

In my app, I have a list of contact information. When an item is clicked, it brings the user to another page showing the photo and other details. Photo is displayed using ReadService.

The pages seem to be cached, so when I navigate to another user's page, the previous user's photo is still there for a split second before the ReadService finishes executing.

The problem is if there is no photo taken yet, instead of defaulting to the no-image placeholder, the previous user's photo stays there. How do I "force" the image to use the placeholder?

[Igor]

Hello,

Can you share app public link and steps how we can reproduce this?

[Alena Prykhodko]

You need to clear previous page from the image component.

So for this goal please follow these steps:

1 Navigate to your item "details" page.

2 Select image (photo) component.

3 Copy component name from the image component Properties tab.

4 Open events bottom tab.

5 On page Load event Run JS with code:

pre

Appery("mobileimage_34").attr("src", "files/resources/image/no-image.jpg");/pre

Replace "mobileimage_34" with your image name.
This code will update your image component with Appery.io no-image picture.

[Yan Yi]

Alena, thank you! That worked