Subscribe for automatic updates: RSS icon RSS

Login icon Sign in for full access | Help icon Help
Advanced search

Pages: [1]
  Reply  |  Print  
Author Topic: Ask Reuben 8 - Understanding the GUI Debug Grid  (Read 4328 times)
Reuben B.
Four Js
Posts: 1046


« 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/

Product Consultant (Asia Pacific)
Developer Relations Manager (Worldwide)
Author of https://4js.com/ask-reuben
Contributor to https://github.com/FourjsGenero
Pages: [1]
  Reply  |  Print  
 
Jump to:  

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines