Building your app screens means dragging and dropping controls onto the screen to create the functionality you want.
When you select any control, the properties for that control appears in the Properties panel on the right. In the below image, the Button object has been selected.
We’ve chosen the button as an example because it illustrates the four common object properties for all controls in the Method designer:
Settings
Style
Actions/Events
References
Please note that more complicated controls like a Calendar object will have more options under the Edit Control tab. For more information, please refer to each individual control in our List of Controls section.
Common Object Properties
SETTINGS
The Settings of a control vary depending on the control selected. Generally speaking, the settings section may include:
Label: Most controls can be referenced in actions. It is appropriate to have an identifiable label or name. In the case of the button object, this is called the Button Text.
Hide Label: You can choose to show or hide the label when viewed on screen.
Load State: Every control will have a load state.
Width: A number of controls can also have its width configurable.
Again, for more information, please refer to each individual control in our List of Controls section.
STYLE
The control's Style refers to how the control looks on the finished screen. This could include, but is not limited to:
Text styling
Color
Borders
Padding
To learn more about styling controls, please see our article Styling Basics.
ACTIONS/EVENTS
This section allows you to apply events and actions to a control, which allows the control to respond to interactions. This is the bulk of customization, and in order to fully understand this, we suggest you go through our learn customization video series.
REFERENCES
This section allows you to quickly navigate to different controls which are referring to it in their action sets. By selecting a reference, you will jump to referrer's control's action list to see how it was referenced.
The action list will also highlight where it was referenced. Using our example scenario, the Button's Click event was used in the Save button. The Save button's action list is shown in the image below, and it shows where the Button is being referenced.
The Control's Dropdown Menu
Each control has a dropdown menu allowing you to configure and manage it, as well as access the events associated with it. Some controls have options specific to themselves. For this example, we will take a look at the button's dropdown menu.
In the above image, you can see the following options:
Click: the lightning icon indicates this is an Event which can occur from using this control. We are going to talk more about Events and Actions in the next section of the documentation.
Duplicate: common to every control. This will duplicate the control.
Delete: common to every control. This will delete a control. You will be unable to delete a control if it is used or referenced by another control.
NOTE: You cannot delete a Section with controls or other sections inside of it. In the above example, until you remove the button, chart, dropdown, and grid, you will be unable to delete the SectionObjects section.