GUI Properties Panel

1. File export location. This allows the user to select the location they desire the generated python file containing the GUI to be written to.
   File Button. When clicked, the file button brings up an OS file dialogue, allowing for the location to be selected and saved.

2. Grid colour. This property changes the background colour of the GUI, or the grid. The colour is provided as a 6 digit hex code. Such a picker can be found here.
   Colour picker button. When clicked, this button brings up a basic colour picker, allowing for the most commonly used colours to be selected.

3. Parent Script Input. This allows for the user to input the name of the parent script driving their GUI - that is, the main python file used to import the GUI file.

4. Grid size. This allows for the user to input the desired size of the grid, in the format of X cells by Y cells.

5. Window Size - This allows for the user to input the desired size of the GUI screen. This is expressed in the format of X pixels by Y pixels. These pixels are not actual pixels but are 'Tkinter pixels', meaning the window should take up a similar area of the screen across multiple displays - even at different resolutions.

6. Zoom to actual size. This button will scale the screen so that it represents the scale of the final design in python with a 1:1 ratio.

7. Apply. This button will apply all changes made in the GUI properties panel to the screen, and will save changes to file.

8. Cancel. This button will discard all changes made in the GUI properties panel.

In addition:

• Hierarchy determines whether the screen is the main window or is a child window. In Python, these are a Tk() and Toplevel() window respectively. You can only have one main window for each program.

• Background image is optional and is the image that runs in the background behind the screen. The image can be an absolute path or a relative path. Background images remain unique for every page if used in a group.

• DPI aware enables scaling for high DPI screens.