Entra ID Logout Button Element
An Element that enables you to log out of Microsoft's Entra ID where a form has been configured to use Entra ID authentication. The button can be clicked or tapped to initiate the action(s) associated with it.
When the button is pressed at form runtime, an account sign-out dialog box will appear. When the account to sign out of has been selected, a 'You signed out of your account' confirmation message will be displayed, followed immediately after by an account sign-in dialog box. The browser can be closed and the form exited, or the user can sign back in by selecting an account within the sign-in dialog box. If the user signs back in, the form will re-open, but previously entered data won't be retained as the form will have been refreshed. See the Microsoft Entra ID Login section of the Publish your Form topic for more information.
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 an Entra ID Logout 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 any additional actions that you would liked to be performed by the Button within its Clicked Event property.
The following properties are available:
Element Version
The Element's version number, which may be (and is often) different to the installed version of the Digitise Forms software. For example, the version of the Element might be 1.5, but the version of the in-use/installed Digitise Forms software might be 2.0 etc.
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 the cross,
, next to 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.