i

Please enable JavaScript to view this site.

Documentation 8.7

The configuration properties panel of an element opens when clicking the icon iconoConfiguracion of its context menu.

 

 

ME-Repetidor-Conf

 

 

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.

 

 

ME-Repetidor-Conf-001

 

 

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 flechitaRepetidorIzq and flechitaRepetidorDer 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.

 

 

ME-Repetidor-Conf-002

 

 

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 puntitosRepetidor or flechitasRepetidor 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.

 

 

ME-Repetidor-Conf-003

 

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 puntitosRepetidor or flechitasRepetidor 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.

Send us your comments
Share on X Share on Linkedin Send by Email Print