Building your app screens means dragging and dropping controls onto that screen to create the functionality you want. But it gets even more involved than that. Check this out:
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.
Example: if a section has controls inside of it, you will be unable to delete the section.
Control's Edit Menu
When you select a control, its preferences appear on the right menu with more options for configuration.
Once again, the simplest incarnation of this is the Button control, so that’s what we’re looking at here. We’ve chosen this 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, and you can find more information in our Reference section. Let’s just look at the three main ones for now.
These settings will vary depending on what kind of control you’ve selected, but generally speaking the settings section includes options for basic formatting (in this case, the text displayed on the button and the width of the button on the screen), the load state of the control (whether it is displayed, displayed but disabled, or hidden), and the icon associated with the control (which you can choose from a list of options). For a full list of the settings associated with each control, see our Reference section.
Again, these options will vary depending on the control, but style refers to how the control looks on the finished screen. This could include fonts and colors for text, sizing, alignment, background colors and images, borders, headers and footers, and much more. The important thing to remember about the style section is that it’s all about the aesthetics - making your apps look great!
This section allows you to apply actions and events to a control. This will be different depending on the control, but actions and events are the real meat and potatoes of screen functionality, so we have a whole section dedicated to them to teach you all about how they work.