Page 1 of 1
Display Hidden
Posted: Fri Feb 12, 2016 11:37 am
by Paul_Ramcharitar
I have an issue where the Display of the called program is hidden. All I get is a blank/white screen. The program is running, but the display gets hidden for some reason.
After inspecting the source (right click->inspect) in chrome, I noticed that the div with id=pui has the css property overflow:hidden.
When I disable that property (in chrome), the display becomes visible.
Also the program that did the calling has overflow:hidden set in the pui div. However, it is not hidden like the program being called.
I am having this issue in chrome and firefox. No issue in Internet Explorer.
Re: Display Hidden
Posted: Fri Feb 12, 2016 9:41 pm
by Scott Klement
It's normal for the pui div to start out hidden. Normally Profound UI draws everything on the screen first, and then un-hides the div so that it all appears on the display at once.
As to why your screen stays hidden, I can only guess, but... perhaps an error is occurring, and the code is crashing before it is completely finished drawing the display? Try opening up your browser's developer tools, opening the console, and then reloading the application. Does it show an error in the console?
Also, I would strongly suggest filing a support request for things like this so that we can work together with you to sort out the problem. You can do that by e-mailing
support@profoundlogic.com
Re: Display Hidden
Posted: Tue Feb 16, 2016 3:40 pm
by Paul_Ramcharitar
Hi Scott, my console didn't show any errors.
I have filed a support request.
Re: Display Hidden
Posted: Fri Mar 04, 2016 6:15 pm
by matt.denninghoff
For the benefit of everyone on the forums, we've determined that this problem was from using a Mobile Scroller Layout as the parent container of the display file when viewing from a non-mobile device (i.e. PC browser).
Previously, there was no documentation about Mobile Scroller Layouts, so we added some here:
http://www.profoundlogic.com/docs/displ ... ng+Layouts
The display was hidden because Mobile Scroller sets the parent container's CSS overflow to hidden. Sometimes hidden overflow can hide contents, depending on the CSS rules of the elements inside the container.