Button

<Button>-Controls werden verwendet, um Schaltflächen zu erzeugen. Die Schaltfläche kann in der Web App frei platziert werden. Wenn Sie eine Aktions-Schaltfläche immer am oberen Rand vor dem Inhalt der Component anzeigen möchten, erzeugen Sie eine Schaltfläche mit Actions.

Das Element <Button> kann folgende Aktionen enthalten:

Aktion „Neu“ <NewAction/>
Aktion „Speichern“ <SaveAction/>
Aktion „Löschen“ <DeleteAction/>
Aktion „Datei hochladen“ <UploadAction/>
Aktion „Datei herunterladen“ <DownloadAction/>
Benutzerdefinierte Aktion <CustomAction/>
Aktion "Neu laden" <ReloadAction>

Folgende zusätzliche Attribute lassen sich für das Element <Button> definieren:

Attribut	Beschreibung
`enabled`	Legt fest, ob der Nutzer mit dem Control interagieren kann. Data Binding (Boolean) möglich Mögliche Werte: `true`/`false` oder Ausdruck für Data Binding
`horizontalAlign`	Richtung, in die die Elemente fließen. Reihenfolge der Elemente entspricht ihrer Deklaration. Mögliche Werte: `left` (Standard) `center` `right`
`textOverflow`	Gibt an, was passieren soll, wenn das Control voll ist. Mögliche Werte: `ellipsis`: Mit ... zeigen, dass der Text nicht zu Ende ist `hidden`: Text abbrechen, auf ganze Wörter achten `wordBreak`: innerhalb des Wortes abbrechen `allow`(Standard): Text zwischen den Wörtern umbrechen
`visible`	Legt fest, ob das Control sichtbar ist. Data Binding (Boolean) möglich Mögliche Werte: true / false oder Zeichenkette für Data Binding

Beispiel

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>