Button

<Button> controls are used to create buttons. The button can be freely placed in the Web App. If you want to always display an action button at the top in front of the component content, create a button using Actions.

The <Button> element may contain the following actions:

"New" Action <NewAction/>
"Save" Action <SaveAction/>
"Delete" Action <DeleteAction/>
Action "File upload" <UploadAction/>
Action "Download file" <DownloadAction/>
"Custom" Action <CustomAction/>
"Reload" Action <ReloadAction>

The following additional attributes can be defined for the <Button> element:

Attribute	Description
`enabled`	Defines if the user can interact with the control. Data binding (boolean) possible Possible values: `true`/`false` or data binding expression
`horizontalAlign`	Direction in which the elements flow. The order of the elements corresponds to their declaration. Possible values: `left` (default) `center` `right`
`textOverflow`	Defines what happens if the page is full. Possible values: `ellipsis`: Show with ... that the text is not finished `hidden`: Break off text, paying attention to whole words `wordBreak`: Break off within the word `allow` (default): Break off text between words
`visible`	Defines if the control is visible. Data binding (boolean) possible Possible values: true / false or data binding expression

Example

XML

<DetailComponent default="true" displayName="Dashboard" path="Dashboard">
	<FlowLayout>
		<Header value="Welcome to my new Web App!"/>
		<TextBlock>Upload your file here</TextBlock>
		<Button horizontalAlign="center">
			<UploadAction displayName="Upload" iconUrl="icon:file_upload"/>
		</Button>
	</FlowLayout>
</DetailComponent>