A control is defined as anything you can drag into the Canvas section of the Design Mode (If you don't recall what this is, there’s a whole section about it!)
There are a variety of controls you can add to your screen, all of which can be found in the right panel section of the screen's Design Mode if you select the plus tab.
The controls are divided up into three types:
- Containers - they hold other controls
- Objects - elements used to display information or provide user interaction
- Fields - data elements connected to a specific table
Let’s take a look at each type.
A container is exactly what it sounds like - it’s placed on the canvas to “contain” objects, fields, and even other containers. In fact, you can’t drag an object or a field onto the canvas without one! Currently, there’s only one kind of container available, called a section.
Objects are the elements users interact with when using a screen (everything from a simple button to a full calendar is considered an ‘object’). Each object has unique characteristics built by the Method team to perform certain unique functions in an easy-to-use drag-and-drop package. All objects must go inside of a container.
The objects available in Method are:
- Button Menu
- Date/Time Picker
- Editable Grids - Beta
- HTML Editor
- Payment Widget
- Radio button
- Recurrence Widget (Only when Activity table set as base table)
- Text input
Every object has an “Actions/Events” section that can be used to assign and change actions and events associated with this object. For more information on events and actions please see our documentation on the topic. You can also find a full list of actions here, and a full list of events here.
Note: Almost every object also has a Caption. Internally, the Caption will be used to name the control if you need to reference it within Actions. In the case of two or more controls with the same name, a number will be appended to the internal name for reference within actions only. This number does not appear on the live screen. Example: If there are two “Save” buttons, one will be named “Save”, the second one will be named “Save1” to help you distinguish within actions. When viewing the button text on the live screen, however, both will display “Save”.
The final controls you can drag onto the screen are fields. They are data elements connected to a specific table set as the base table for the screen.
Fields will show data based on the Record ID set in the Screen Active Record ID.
We talked about fields in our Databases section, so for the full story on fields, check it out. We aren’t going to list every single field available in Method right here because there are hundreds associated with many, many different tables. The takeaway from this part is that you can drag a field into a section just as you can an object, and that field will draw information from its associated table.