Applies only to Mobile Apps and Reactive Web Apps

List Item

Collaborate with us

Edit this page on GitHub

Displays a list item with full swipe behavior capability, containing a List Action widget to define the swiping behavior.

You can use it for example to display an entity record.

Properties

Name	Description	Mandatory	Default value	Observations
Name	Identifies an element in the scope where it is defined, like a screen, action, or module.	Yes
Full Swipe Left	Set to Yes to have default action triggered by a full swipe left. Default action is the rightmost right action.	Yes	Yes
Full Swipe Right	Set to Yes to have default action triggered by a full swipe right. Default action is the leftmost left action.	Yes	Yes
Style Classes	Specifies one or more style classes to apply to the widget. Separate multiple values with spaces.		"list-item"
Attributes
Property	Name of an attribute to add to the HTML translation for this element.			You can pick a property from the drop-down list or type a free text. The name of the property will not be validated by the platform. Duplicated properties are not allowed. Spaces, " or ' are also not allowed.
Value	Value of the attribute.			You can type the value directly or write expressions using the Expression Editor. If the Value is empty, the corresponding HTML tag is created as property="property". For example, the nowrap property does not require a value, therefore nowrap="nowrap" is added.

Name	Description	Observations
On Click	Screen action to be executed or a screen to navigate to when the widget is clicked.
Transition	Transition effect applied when navigating to another screen.	By default defined at module level.
Event	JavaScript or custom event to be handled.
Handler	JavaScript event handler.

Name	Description	Read Only	Type	Observations
Id	Identifies the widget instance at runtime (HTML 'id' attribute). You can use it in JavaScript and Extended Properties.	Yes	Text