List not populating correctly - sometimes

[lgrupido]

I have a list control that starts out hidden.

The user selects a date range from a drop down box (called pay_periods) and then the list shows and populates based on the selection.

But the first time it shows, it either comes up very slowly (we're talking 30 seconds or more) or it never comes up.

But if I completely refresh the page, it usually starts working normally. Working normally means that the data comes up in less than a second.

Stranger: There is a subtotal on the list and the subtotal amount comes up correctly and in the right location. It's as if all of the list rows are in place, they are just invisible.

This is happening for all browsers, every time anyone logs in. (Although Firefox seems to work better - Chrome seems to work less well.)

There are no JavaScript errors, and anything in the console looks the same whether or not it works.

Suggestions on where to look to fix the issue? Unfortunately, it's a pretty big UX with other moving parts based on a complicated view, so it's not easy to build a test model. Going to work now on rebuilding a UX with just this list to see if it makes a difference.

[Jay Talbott]

Is it possible to start the UX out with "Delay Populate List until Active Search"? (in Search properties of the List).
Does that help/make any difference?
Jay

[lgrupido]

That box is not checked and never was.

[Jay Talbott]

My suggestion is to use that feature instead of hiding the list.

[Pat Bremkamp]

How are you hiding the list? Have you tried putting it in a container and hiding the container to hide the list? You could hide the container by checking the date range selected.

[lgrupido]

The list is in in a container inside the tab control. It is on the first tab, so the tab is not hiding it at this point, but the container does not show until a value is selected in a drop down list.

Once the user selects a value, the onchange event refreshes the list. The container also displays because the drop down list now has a value.

The list shows, the group footer inside the list containing the total hours shows, but the rows themselves are invisible and not clickable. (So it's not just an issue with the font color.)

[lgrupido]

Jay - turning that switch on had no effect. Still works the same wrong way.

[RichCPT]

So, it is a client-side or server-side conditional that makes the LIST show?
What happens if you remove the condition?

[lgrupido]

Client side. Removing the condition doesn't appear to change anything except the blank list shows before being refreshed. It still doesn't properly show the data.

[lgrupido]

If you put a list in a tab control, then put the tab control in a container, then hide the container based on the value of another control, the list will not show properly when it first appears. (After unhiding the container.)

However, if you switch to a different tab and switch back then the list will show - without having to do any refreshes.

Sample UX sent to Alpha for review.

If you want to see it for yourself, go here and click the button Show List 6

http://apps.think-black-ink.com/time...notshowing.a5w

Note: This is for the current version only. It worked on a WAY old version - don't know what version it stopped working. This is a very corner case issue - I'm sure not too many like that in existence.

[CharlesParker]

The list is populating correctly but it isn't drawing/painting it as visible. You do NOT need to click the tabs. If you bring up the dev tools in chrome and resize the visible screen area the list data gets drawn, in fact minimize and max the browser and watch the data appear. I saw a similar issue the other day using a hidden container and couldn't fig out why the list was not visible on render if you put it in a hidden container. Not sure on the fix though, other than forcing a redraw when you unhide the container

[CharlesParker]

OR actually loading the list when the unhide occurs. I think it's basically pre-rendering the hidden container (and the list with it) your unhiding the container but the list never gets painted so again, consider delaying teh render of the list until it is visible (look in the list properties)

[lgrupido]

It is a static list. It doesn't have that option. I originally discovered the problem with a SQL list that was set to both wait until visible AND wait until explicit refresh. Those options did not help.

[lgrupido]

The final solution is:

put a JavaScript refresh in a timeout after showing the list. I was trying refreshlistdata(), but that does not work. You have to do:

[INDENT]setTimeout(function() {[/INDENT][INDENT=2]lObj = {dialog.Object}.getControl('list1');[/INDENT][INDENT=2]lObj.refresh();[/INDENT][INDENT]}, 101);[/INDENT]

That forces the display portion of the list to refresh.

As was mentioned before - the data is actually there, it's just not displaying.

Thanks to Selwyn for the proper coding to get this to show.