Customized Five's Action Buttons
Last updated 16/11/2021
How to Customized Five's Action Buttons
This documentation will explain how to customize Five's Edit, Cancel and Save buttons in a form's app bar.
The Edit, Cancel, and Save buttons are located in a form's app bar. These buttons are available in the form app bar in your end-user application by default, however, Five offers you the option to customize them. You can change the caption and/or add an icon.
The caption will be seen in the form app bar if you only add a caption. For example, if you were to add Submit Form in the Complete Caption field, Five's Save button would be removed and would be replaced with Submit Form in the form app bar.
The icon will be seen in the form app bar if you only add an icon. If you hover your mouse above the icon you will see the tooltip caption Save.
The icon will be seen in the form app bar if you add a caption and an icon. If you hover your mouse above the icon you will see the tooltip caption that you entered in the either the Complete, Edit or Cancel Caption field.
The steps explained to change the Save button caption and icon will apply to the Cancel and Edit captions and icons as well.
Change the Caption for the Save Button
The steps to add a caption and an icon are being performed on a saved form record. A new form can be added and the Complete Caption and Complete Icon fields can be used. You will need to add at least one page and one field to a new form.
- Select Forms in the menu.
- Select a form record in the list.
- Click the Edit button in the form app bar.
- Type a caption in the Complete Caption field.
- Click the Save button in the form app bar.
How This Will Look in Your End-User Applicaton
Change the Icon for the Save Button
- Select Forms in the menu.
- Select a form record in the list.
- Click the Edit button in the form app bar.
- Click the Edit button in the Complete Icon field.
- Navigate your files and open the required image file.
- Click the Save button in the form app bar.
How This Will Look in Your End-User Applicaton
Change the Caption and the Icon for the Save Button
- Select Forms in the menu.
- Select a form record in the list.
- Click the Edit button in the form app bar.
- Type a caption in the Complete Caption field.
- Click the Edit button in the Complete Icon field.
- Navigate your files and open the required image file.
- Click the Save button in the form app bar.
How This Will Look in Your End-User Applicaton
How to Edit the Customization on an Action Button
- Select Forms in the menu.
- Select the required form record in the list.
- Click the Edit button in the form app bar.
- Click the Cancel button in the required Caption field.
- Type the your new caption in the required Caption field, and/or
- Click the Edit button in the required logo field.
- Navigate your files and open the required image file.
- Click the Save button in the form app bar.
How to Remove the Customization on an Action Button
- Select Forms in the menu.
- Select the required form record in the list.
- Click the Edit button in the form app bar.
- Click the Cancel button in the required Caption field, or
- Click the Delete button in the required Logo field.
- Click the Save button in the form app bar.