i
Configuration Properties
The configuration properties panel of an element opens when clicking the icon of its context menu.
Name
Name used to reference the element during modeling.
Identifier
Uniquely identifies the element. It is used in the Javascript SDK.
Items can be repeated in tape, card, or slider format.
Tape
When the entity is executed, the items scroll within the repeater as the forward and backward icons are pressed. The number of items initially displayed on the tape depends on the size of the repeater.
Data Source
Allows to select the form from which the data is retrieved to be displayed in the repeater.
Type
If the page is used from a desktop, the icons must be selected and that indicate the forward or backward movement of the items on the tape. If used from a touch breakpoint, the “None” option can be selected to perform the scrolling.
If the selected value is “Arrows” the enabled properties are: Position and Alignment.
Possible Values
•Arrows
•None
Direction
Allows to select the direction in which the items within the example are displayed.
Possible Values
•Horizontal
•Vertical
Position and Alignment
Select the position of the scroll icons within the repeater.
Possible Values for Position
•Top
•Bottom
•Inside Top
•Inside Bottom
Possible Values for Alignment
•Left
•Center
•Right
Position Type
It allows defining how cards are aligned within their container.
Possible Values
•Left
•Centered
•Right
Sliding Time
It allows defining the interval in seconds for the automatic transition between cards.
Infinite Sliding
It allows the card type repeater to slide continuously, returning to the beginning once the end is reached.
Possible Values
•If the “Inside” or “Outside” values are selected for the Position property, the possible values of the Alignment property are: “Top”, “Center”, “Bottom”.
•If the “Top” or “Bottom” values are selected for the Position property, the possible values of the Alignment property are: “Left”, “Center”, “Right”.
Pagination
Defines how the elements of a repeater are loaded and displayed in the entity.
Possible Values
•Button: Loading more items is triggered manually, the user must click on a button labeled "Upload more" to show additional elements.
•Infinite: elements load automatically as the user scrolls down the entity. This behavior is known as infinite scroll.
Orientation
Defines the position at which the pagination element appears within the repeater container.
Possible Values
•Left: the pagination element is aligned to the left side of the container.
•Right: the pagination element is aligned to the right side of the container.
Arrows at the end of the scroll
Defines the behavior of the navigation arrows when the last element is reached.
Possible Values
•Disable: The scroll arrows are disabled, indicating that there is no more content.
•Hide: Scroll arrows disappear completely, avoiding unnecessary navigation elements to be presented.
Cards
Unlike the tape, the items paginate within the repeater as the forward and backward icons are pressed. The number of items that are initially displayed in the repeater depends on the values modeled in the Columns and Rows properties.
Data Source
Allows to select the form from which the data is retrieved to be displayed in the repeater.
Columns
It allows defining the number of columns in the repeater.
Rows
It allows defining the number of rows in the repeater.
Type
It allows selecting whether the icons are displayed or whether they indicate the forward or backward movement of the items in the repeater.
Possible Values
•Dots
•Arrows
Direction
Allows to select the direction in which the items within the example are displayed.
Possible Values
•Horizontal
•Vertical
Position and Alignment
Select the position of the scroll icons within the repeater.
Possible Values for Position
•Top
•Bottom
•Inside Top
•Inside Bottom
Possible Values for Alignment
•Left
•Center
•Right
Position Type
It allows defining how cards are aligned within their container.
Possible Values
•Left
•Centered
•Right
Sliding Time
It allows defining the interval in seconds for the automatic transition between cards.
Infinite Sliding
It allows the card type repeater to slide continuously, returning to the beginning once the end is reached.
Slider
It behaves similarly to the Tape-type repeater, offering additional features to customize its behavior. It is designed to show and focus on a single element at a time.
Data Source
Allows to select the form from which the data is retrieved to be displayed in the repeater.
Type
It allows selecting whether the icons are displayed or whether they indicate the forward or backward movement of the items in the repeater.
Possible Values
•Dots
•Arrows
Direction
Allows to select the direction in which the items within the example are displayed.
Possible Values
•Horizontal
•Vertical
Position and Alignment
Select the position of the scroll icons within the repeater.
Possible Values for Position
•Top
•Bottom
•Inside Top
•Inside Bottom
Possible Values for Alignment
•Left
•Center
•Right
Arrows at the end of the scroll
Defines the behavior of the navigation arrows when the last element is reached.
Sliding Time
It allows defining the interval in seconds for the automatic transition between cards.
Infinite Sliding
It allows the card type repeater to slide continuously, returning to the beginning once the end is reached.