List UI Node

This node helps to create a list of elements.

This node is used for providing the data to the list dynamically and for adding logic to various events. The main purpose of the node is to populate the list of items that you want to show repeatedly.

How to get List UI Node.

For creating a new List first you have to create a single element [repetitive element] of the list, this can be a single rectangle, text or a group with multiple items in it. The process remains the same for all types of list except when list element consists of a single rectangle or text then only one item widget is going to be generated while list node is created, but if the single list element consists of multiple items like a group then the number of item widget that going to be associated with list node is equal to the number of items present in the single group.

After the list element is created convert it to the list by clicking on the convert to list button in the properties panel, then select the list created and right-click on the list and choose "edit in blup lightning" in the arsenal .

As soon as you do that a listview node is generated in the blup lightning which consists of an automatically generated item widget based on the number of items in a single element of the list.

Components of List UI node


Drop Down

Enable the user to select the list type from the drop down.

Is Update

This input node point is used to define whether the children are to be updated dynamically or not, this node point accepts a Boolean type value.

Item count

Item count input node point defines the total number of items to be had on the list.

Is hide

This input node point helps to hide the list.

Extra Data

This input node points help to store data. which can be used in further cases.


This node allow you to iterate your elements according to your iterate value.

Scroll Listener

This node Listenes the scrolls when ever you scroll in your listview.

On Bottom Reached

This node offers what yoou want to do when you reach at the bottom of the listview.

On Scroll Up

This output node helps to determine the functionality on scroll up according to your need.

On Scroll Down

This output node helps to determine the functionality on scroll down according to your need.

List View Properties

This output node Properties to your list.

On Properties Update

This Output node gives the additional properties to your List.


This input node point helps to define the width of the list.


This input node point helps to define the height of the list.

Padding Left

This node point helps to give the left padding.

Padding Right

This node point helps to give the Right padding.

Padding Top

This node point helps to give the Top padding.

Padding Bottom

This node point helps to give the Bottom padding.

Grid Row Count

This input node point can be used to convert the list into a grid list. If the value of this property is one then it is a simple list but if we increase the value of let's say to 2 it becomes the grid list with two-column.

Item Spacing

This property helps to define the spacing [vertical height] between the list items. Higher the value of item spacing greater the vertical height between the item in the list and vice versa.

Grid Spacing

This property helps is used to define the horizontal spacing between the grid items. Note - The property only going to works when we have a grid, not a list.

If you have any ideas to make Blup better you can share them through our Discord community channel

Music to go with.

Last updated