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 three editing options that are common to all controls in Method designer: Settings, Style, and Actions/Events.

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.

Settings

The Settings of a control vary depending on the control selected. Generally speaking, the settings section may include

  • Naming - Most controls can be referenced in actions. It is appropriate to have an identifiable label. In the case of the button object, this is called the Button Text.
  • 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:

  • Color
  • Text styling
  • Borders
  • Padding

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 under this we suggest you go through our customization Missions.

The Control's Dropdown Menu

Each control has a dropdown menu allowing you to configure and manage it. Some controls have options specific to themselves. For this example, we will take a look at the button's dropdown menu.

As you can see, the options are:

  • 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: if a Section has controls inside of it, you will be unable to delete the section. In the above example, until you remove the button, chart, dropdown, and grid, you will be unable to delete the secButtons section.

Did this answer your question?