Skip to content

Add Collections To UI

The add collection to UI is a function in the elements functions which allows to create lists of elements and modify using the registers on the database data.

πŸ“₯ Entry vars

  • Enable horizontal: you can select to see you list in a horizontal way
  • List data: select the output for retrieve the list.
  • List instructions.
  • Modify element: open a modifier on elements in your list.
  • List reverse: change the order of the elements on the list.
  • Scroll inverted: change the direction of the scroll in the list.

πŸ‘‰ Example.

Use the database element.

  1. Activate the get database data and open database path.
  2. Add a collection "Driver list"
  3. Add fields "address, name, phone number, photo and plates"
  4. Push the button view data
  5. Press the button Add to add a record to "Driver list".

Add a collection to UI.

  1. Add a collection to UI in the callback of the get database data when data obtained.
  2. Select the previous output get database data in the list data.
  3. Click on the button modify elements.
  4. Select a container with elements to modify.
  5. Click on list data and select the element to modify.
  6. Select a control property to change like text.
  7. Open the list context and write the name of the element to show in the database.

Reload the page to check the modified elements in your list.