Four Js Development Tools Forum

General => Ask Reuben => Topic started by: Reuben B. on April 21, 2020, 06:52:55 am


Title: Ask Reuben 8 - Understanding the GUI Debug Grid
Post by: Reuben B. on April 21, 2020, 06:52:55 am
In the last Ask-Reuben we learned how to view the GUI Debug Grid.  In this article we look at why the green rectangles of the GUI Debug Grid are different sizes. 

The syntax of the form indicates how the contents of the Grid are related to one another.  The relative use of “[“, “]” ,”|" indicates where widgets begin and end relative to one another, whilst the HBox Layout Tag “:" can be used to signify that a widget is not sized relative to another field.

The number of columns allocated to the widget should be similar to the expected content.  If the number of columns allocated isn’t suitable, then it can lead to widgets influencing the size of widgets above or below them as they have been defined to start and end at a particular position relative to one another. 

Read more at https://4js.com/ask-reuben/ig-8/