Next Button Element
A standard button which automatically moves to the next page when the Button is clicked or tapped. The Button uses the order of pages as they appear in the Pages tab of the Project Explorer.
Note, however, that the next page will not be displayed unless both the current page is valid and all previous pages in the sequence are valid. A page is valid if all Elements on the page which have one or more validation rules specified have been completed satisfactorily by the user or the page has no validations set. If the current page and all previous pages are valid, clicking or tapping the Next Button will display the next page in the sequence.
This Element is not affected by the value of the Nonsequential property found in the page properties. However, if you have set the Nonsequential property to True, i.e. you have marked a page as being nonsequential and hence able to be accessed out of sequence, we recommend that you don't use the Next Button on that page. If you want to move forward use the Go To Page Button instead.
Once you have placed a Next 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.
The following properties are available:
Label
Allows you to specify the text that appears on the Button. You can change the default label to better reflect the functionality within the context of your form, e.g. 'Continue to Contact Details'. 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 an image 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 (see Appearance tab, ) is displayed to the left or right of the Button's label. If the Label property, at the top of the pane, 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.