Button Element
A standard button which can be clicked or tapped to initiate the action(s) associated with it. The label displayed on the Button can be edited and should indicate to the user what the Button will do when clicked or tapped, e.g. 'Clear form'.

Once you have placed a Button Element on a page, you can edit the Element's properties to configure the Element for your requirements. Select the Element on the page to display its properties in the Properties Pane. You will have to define the actions to be performed by the Button within its Clicked Event property.
The following properties are available:
Label
Allows you to specify the text that appears on the Button. You can change the default label to reflect the use of this Button. If you want to display an image on the Button with no text, leave this property blank.


Visible and Disabled Properties
Image
Allows you to specify a picture to be displayed on the Button. If you specify a value in the Label property above, the position of the image in relation to the label is defined in the Image Position property on the Advanced tab, .
To browse for the picture, click on at the right-hand end of the property. A standard file browse dialog will be displayed allowing you to locate and select the required picture. If you want to re-use a picture that you have already used in this project, click on the down arrow symbol at the end of the edit box instead. This will display a list of images used in the project and you can select the one you want.
If you want to change the picture, simply select the new picture you want to use instead or to clear the selection, click on to the right of the
button.


Image Category
Image Position
Determines whether the image specified in the Image property above is displayed to the left or right of the Button's label. If the Label property, above, is blank, this property is ignored.
Image Height
Specifies the height, in pixels, for the image. If you specify the height but not the width, the width will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Image Width
Specifies the width, in pixels, for the image. If you specify the width but not the height, the height will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Styles Category
Label Style
Allows you to assign a style to the Button's Label, e.g. to set the font type, size and colour.
Button Style
Allows you to assign a style to the body of the Button, e.g. to set the background colour.
If you have upgraded a project created using a version of Digitise Forms earlier than Digitise Forms - 2021 Spring Update, this property will only appear if you have also upgraded the Elements within the project, in which case this property will automatically be set to the same value as the Label Style property above.