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 7 - Viewing the GUI Debug Grid  (Read 5666 times)
Reuben B.
Four Js
Posts: 1116


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

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