# Entry vars

## Enable Horizontal

Al activar el switch la función de lista se hará de forma horizontal

{% hint style="danger" %}
Cuando se activa este switch se debe tener especial cuidado con las dimensiones en ancho del elemento hijo y que no esté en porcentaje sino que se encuentre en pixeles
{% endhint %}

## List data

En esta opción se debe de ingresar un objeto que contenga los registros que se van a reflejar en el objeto hijo (el componente que se va repetir en la lista) puede ser directamente de un eventOutput de una función anterior generalmente se utiliza la función Get Database Data pero tambien se puede obtener de una variable local que contenga un objeto iterable para mostrar la grafica

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-b15789b259f4d65e34256c74fc2e7fe9b66cf1d9%2Fimage.png?alt=media)

### List settings

Abre una ventana en donde muestra de edición de los controles dentro del contenedor padre solamente debe de haber un contenedor o elemento que será el editable

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-9e855fb561c00eacbc4926f3cfe5587b38ddb862%2Fimage.png?alt=media)

#### Enable category tabs

Permite abrir una serie de pestañas para dar una lista de objetos por categorización, se elige por que campo se va a realizar la categorización

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-05446e6b94a471036c1265369f13dbc0af174fa8%2Fimage.png?alt=media)

Debe seguir un tipo especifico de estructura en la base de datos para poder realizar este tipo de lista

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-7d1935cd18747f84eb0fbb41ffec52946804c46f%2Fimage.png?alt=media)

Se debe poner el tipo de categoría por cada producto producto, si se pone solamente la categoría y en una collection los productos, este tipo de lista no se podrá realizar

#### Enable filter List

Permite sobreponer un componente extra de filtrado en la lista, esto quiere decir que nos da una barra de búsqueda nativa para poder hacer una búsqueda dinámica en la lista renderizada.

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-d8e72acbc1b27687ef357807a40eae65df2d16ca%2Fimage.png?alt=media)

**Filter property**

En este apartado se debe colocar alguno de los campos por el que se va a buscar dentro de la lista, este campo se debe escribir exactamente como se encuentra en la base de datos para que se pueda hacer la búsqueda

**Filter placeholder**

Puedes poner la indicación de búsqueda en la barra, generalmente se indica que se busque por el mismo campo en que se hace el **Filter property**

#### **Order by**

Es una elemento en el que se indica por que campo de la base de datos se puede ordenar la lista, esta la ordenará en orden alfabético o colocarse la palabra **createAt** y con esto los elementos se ordenarán desde el nuevo registro ordenado hasta el registro mas antiguo

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-79d97381b792129b107d2fd06faf6802727b892a%2Fimage.png?alt=media)

#### Num. colums

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-1dd10d58c0fb926e45fa7522919b4ea8e5684b3f%2Fimage.png?alt=media)

Al activar esta función permite crear una lista en especie de grid o mosaicos, solamente debemos de colocar el numero de columnas a mostrar en la lista.

#### Previewer de lista

Muestra una pre visualización del contenedor padre en donde se hará la iteración del objeto hijo

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-37fb22fee3254c3a87960674e1c1d617e3a7db4e%2Fimage.png?alt=media)

### **List Data**

\*\*\*\*

### List item function

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-df7aa4b79f59e04e02075717e45fc41fb35c0a7f%2Fimage.png?alt=media)

Permite hacer selección de los controles a modificar mostrando sus respectivos eventos

[Información general](https://docs.apphive.io/reference/funciones/informacion-general-de-las-funciones)

List reverse

Scroll Inverted