Pane Name Pane Appearance Pane Features
Code
Browser- Callbacks, Functions, and Properties tabs
— Use these tabs to add, delete, or rename
any of the callbacks, helper functions, or
custom properties in your app. Clicking an
item in the Callbacks or Functions tab
scrolls the editor to the corresponding
section in your code. Rearrange the order of
callbacks by selecting the callback you want
to move and then, drag and drop the
callback into its new position in the list. This
also repositions the callback in the editor. - Search bar — Quickly locate a callback,
helper function, or property by typing part of
its name in the search bar.
App Layout • App thumbnail — Use the thumbnail image
to locate components in large, complex apps
that have many components. Selecting a
component in the thumbnail selects the
component in the Component Browser.
Identifying Editable Sections of Code
In the editor, some sections of code are editable and some are not. Gray sections of code
are not editable. Those sections are generated and managed by App Designer. However,
white sections are editable, and they correspond to:
- The body of functions you define (e.g., callbacks and helper functions)
- Custom property definitions
Managing Code in App Designer Code View