Four Js Development Tools Forum

This question normally gets raised as someone reporting that a TABLE container is “corrupted” when they run their Genero application in a browser on a mobile device.  The key to understanding the issue is to recognise that the rendering is not “corrupted” but that the TABLE container is being rendered using a ListView style.

To replicate this is very easy with the standard web demo.   From a browser on your desktop, run the standard demo program and look at the initial screen.   Now using Developer Tools or their equivalent on your Browser, choose an option that simulates a mobile device and refresh the web page.  The two screenshots in the article are from using Chrome, the first is the normal desktop view and the second is restarting the application rendering the web page as if the browser was an iPad.  Pay attention to the Table on the right hand side.

The first table has five columns labelled “Demo”, “Program”, “Arguments”, “Type” , “Description” whilst the table in the second image you see “f_cust.per”, “f_states.per”, “globtb.4tb”, ….  These values you see in the second image are also in the first image as the values in the first two columns.  What you are actually looking is the Table being rendered as a ListView.  This was something introduced in 1.00.48 of the Genero Browser Client.  For more about how to control if Table is rendered as a ListView on mobile devices, read more at https://4js.com/ask-reuben/ig-54/