images display intermittently on page after tiggzi database query

[Sean Kelley]

I have noticed that external web images displayed after rest service call from tiggzi database display intermittently. The image url is stored in the database and there is a js to rewrite url during mapping to image element or to hide if url is not available.

I make a database call to get the first 5 results then page through them. On the first page sometimes the first few images show and the others do not. If I touch the screen anywhere they suddenly appear. Paging through (paging tutorial method) the others seems to be fine but I am not completely sure this.

It is a bit hard to reproduce but I originally displayed my results with a basic grid. I then changed to list item. I had the issue with both. I am using android 4.x and I am exporting as binary. Of course, this is not an issue on the web testing.

Is this a bug?

[Igor]

Hello Sean,

Can you try browsing on yours app and look at firebug or dev tool console. Do you have any errors or warnings in console?

[Sean Kelley]

I assume you mean via browser test (ie desktop). I do not have any errors

[Igor]

Hello Sean.

Please share the app with a href="mailto:support@tiggzi.com" rel="nofollow"support@tiggzi.com/a so we can try it.

[Kateryna Grynko]

Hi Sean,

Did you share the app?

[Sean Kelley]

Thanks for asking- I have not yet, but I will in another day or 2. I have a couple of things to fix first.

[Kateryna Grynko]

We'll wait for your app shared

[Maryna Brodina]

Hello! Thank you for sharing, but we can't reproduce. Please clarify what device you use? Try to update images, for example on success service hide then show images. For example for screen horsePage use:

code$("img", Tiggzi("adGrid")[1]).hide().show();/code

[Sean Kelley]

One of the pages in question that uses the list item is:
newesthorses
From your code, I think you were looking at horsePage which does not have a list item on it.

I added to the success event on the service newestHorses:
$("img", Tiggzi("horseListGrid")[1]).hide().show();
and the problem still persists on one device but I cannot reproduce on the other.

Also, it would be very helpful if you could explain what this line is doing because it is also creating strange behavior:
$("img", Tiggzi("horseListGrid")[1]).hide().show();

For example, an image in a grid above horseListGrid (but not inside) is getting forced to show when it should not, so I had to explicitly re-hide it on success also. Is it saying to hide then show img items within horseListGrid? What does the .. [1] refer to?

Previous to your suggested workaround, I installed and saw the issue on both my droid bionic phone- android version 4.0.4, as well as my nexus 7 tablet android version 4.2.2. The nexus 7 now is not exhibiting the missing image issue, but the phone still has issues with the images showing only after screen tap. I can scroll the screen and the images will not show, but if I tap on the background they do. If it would help I can video the problem occurring. It also seems to be on the first display of rest results- not after clicking next.

To reproduce click 'horses'. If that does not cause issue you can click 'search' and select something to search. You may need to do it a few times.

[Maryna Brodina]

Sorry, can't reproduce it (tested with android 2.3.5, we'll try to test with another devices). Please try for page newesthorses the next code code$("[dsid=contentGrid] img:visible").hide().show();/code
Another way (if images showing after tap on background ) - make the Click event using JS codeTiggzi("contentGrid").trigger("click");/code

code$("img", Tiggzi("horseListGrid")[1])/code means all img tags inside element codeTiggzi("horseListGrid")[1]/code

What does the .. [1] refer to? - there are two elements on screen with horseListGrid name - first (with index 0) - hidden element which you use for mapping and the second one (with index 1) - element with images.