Creating an App Builder 10: Editing Widgets and Layouts

In the last episode of our first series in the app builder tutorials we move to editing of the graphical elements.
We start by adding a new palette to show widget information and create an overlay that allows us to tap to select, and indicate the selected widget, in our preview window. Using the GUI library from defyne that we imported earlier the info about selected widget, and the editable components, are shown on the panel.
Lastly we save the changes back to the GUI JSON file that was loaded.
This gives us a fairly complete demonstration of capabilities, see you in series two when we dig deeper into the functionality.