A button control is used to trigger specific actions in the workflow of an application, such as navigation, calculation, and saving.
The Text property determines the text that is displayed within the button. The Size property determines the size of the button and the text within the button. Button sizes can be configured to be Extra Small, Small, Medium, or Large. The actual sizing of the button may depend on the Cascading Style Sheets (CSS) applied to your application, which can be configured or modified through the Designer’s Stylesheets module.
The Color Style property of the button will determine the coloring class applied to the button. The default supported styles are as follows:
- Default (Standard white)
- Primary
- Primary 2
- Info
- Warning
- Warning 2
- Success
- Danger
The actual coloring schemes are dependent on the Cascading Style Sheets (CSS) applied to your application, which can be modified through the the Designer’s Stylesheets module.
The Use Outline Style property signifies whether or not the system will apply the outline style to the button. If it is applied, the button will appear white with the text and outline matching the color defined by the Color Style property. Hovering over the button will invert the colors. The actual coloring schemes are dependent on the Cascading Style Sheets (CSS) applied to your application, which can be modified through the the Designer’s Stylesheets module.
The Events selection indicates a series of events that can be triggered when the button is pressed. Currently, the types of events that are supported are as follows:
- Calculate: It signifies whether or not the button press will trigger a calculation.
- Save: The Save event signifies whether or not the button press will trigger a save action. Save actions require a prior calculation action, so enabling the save action on a button will automatically enable a calculate action for the button. In order for the save action to occur, database tables must be generated and designed with the Databases module. Note that save actions will not execute in application preview; they will only execute once the application has been published. By default, a Save event triggers a popup window upon completion. If you want to disable the save popup clicking on the Save event and disable the Disable Save Dialog option.
- Print: The Print event is defined by the print processes that you have created using the Print Process Designer module. If you do not have any print processes defined, then you will not see any print actions available. For each defined print process, you will see a Print event, along with the friendly name that you associated with the print process. You can bind multiple print processes to a single button and the same print process to multiple buttons. See the Print Processes section for additional information.
- Email: The Email event is defined by the email processes that you have created using the Email Process Designer module. If you do not have any email processes defined, then you will not see any email actions available. For each defined email process, you will see an Email event, along with the friendly name that you associated with the email process. You can bind multiple email processes to a single button and the same email process to multiple buttons. See the Email Processes section for additional information.
- Custom Actions: The Custom Actions event is defined by the custom actions that you have created using the Custom Actions Designer module. If you do not have any custom actions defined, then you will not see any custom actions available. For each defined custom action hook, you will see a Custom Action event, along with the friendly name that you associated with the custom action. You can bind multiple custom actions to a single button and the same custom actions to multiple buttons. See the Custom Actions section for additional information.
- Navigation: The Navigation Event allows designating a page to a button which will redirect the user upon completing any other specified actions (i.e. calculate, save). There are four Navigation Types:
- Back: Redirects to the previous active page.
- Next: Redirects to the next active page.
- Go To Page: Redirects to a predesignated page.
- External: Redirects to an external URL.