Four Js Development Tools Forum

General => Ask Reuben => Topic started by: Reuben B. on April 20, 2020, 06:42:46 am



Title: Ask Reuben 7 - Viewing the GUI Debug Grid
Post by: Reuben B. on April 20, 2020, 06:42:46 am
A common question to be asked is why is the Genero front-end rendering a widget the size that it is.  The developer will try to make the field smaller or bigger, but their actions are not having the desired effect on the size.

The answer to that question is a complex one so I will answer this across a number of ask-reuben's.  The first part this week is to make sure you have the appropriate Debug tool at your disposal, that tool is the "Debug Grid".

With the “Debug Grid”, the form is rendered with some additional rectangles in the background that indicates the width and height of each column or row that make up the Grid.  These can tell you if a particular column or row is being stretched by a particular widget, and you can observe where a widget is instructed to start and how many columns it stretches across.

Read more on the Debug Grid at https://4js.com/ask-reuben/ig-7/