X4 Produktdokumentation

Link

<Link> controls can be used to create hyperlinks. The hyperlink can be placed freely in the Web App.

Instructions for use

A <Link> control is created with the <Link> element.

<Link>
...
</Link>

<Link> controls can be used in all available layout types: For more information, see Layouts.

Attribute

You can define the following attributes for <Link> controls.

Note:

All other attributes for the hyperlinks are defined in the respective action.

Attribute

Description

disabled

Specifies whether the user can interact with the control.

  • Data binding (Boolean) is possible

Possible values:

  • true/false

  • Expression for data binding

Note:

The disabled attribute is obsolete and will no longer be available in the future. The deprecated attribute is replaced by enabled. enabled="true" corresponds to the obsolete disabled="false" attribute.

enabled

Specifies whether the user can interact with the control.

  • Data binding (Boolean) is possible

Possible values:

  • true/false

  • Expression for data binding

horizontalAlign

The direction in which the elements flow. The order of the elements corresponds to their declaration.

Possible values:

  • left (default)

  • center

  • right

textOverflow

Specifies what should happen when the control is full.

Possible values:

  • ellipsis (default): Use ... to show that the text is not finished

  • hidden : Cancels the text, whole words are observed.

  • wordBreak: Cancels the text within the word.

  • allow: Wraps the text between the words.

visible

Defines if the control is visible.

  • Data binding (Boolean) is possible

Possible values:

  • true / false

  • String for data binding

Actions

The <Link> element can contain the following elements: For more information, see Actions.

  • <CustomAction/>

  • <DeleteAction/>

  • <DownloadAction/>

  • <ForgotPasswordAction/>

  • <LogoutAction/>

  • <NewAction/>

  • <ReloadAction/>

  • <SaveAction/>

  • <SaveViewAction/>

  • <UploadAction/>

Example

Link control in the Detail Component
XML
<DetailComponent
	<FlowLayout>
		<Link>
			<CustomAction
				externalLink="https://www.softproject.de "
				externalLinkTarget="new"
				displayName="Open website"/>
		</Link>
	</FlowLayout>
</DetailComponent>
image-20251105-111610.png