Page ListView UI Node
Learn to create and manage multiple pages in Blup for a well-organized and efficient application.
Page ListView enables users to select different sections on one screen and navigate to corresponding screens in a ListView format. It provides flexibility to customize decorations according to your preferences.
How to get the Page ListView Node.
To obtain the Page ListView, follow these steps:
1. Select a section similar to the rectangle UI node.
2. Right-click on the rectangle UI node, then choose "Page ListView."
3. On the right-hand side, below the margin settings, locate "Add Pages to PageList."
4. Select it and specify the container representing the page you want to display inside it.
Components of Page ListView node
Component | Description |
---|---|
Parent | This input node retrieves the parent node within it. |
Is Update | This input node enables the updating of the Page ListView node. |
Page Index | Use this node when you have multiple pages within a rectangular section and need to navigate them. Assign indexes to these pages. |
Item Count | This node allows you to count the number of items in the Page ListView. |
Is Hide | Use this input node to hide the Page ListView. It accepts a Boolean value; true hides the group, while false keeps it visible. |
Extra Data | This input node points help to store data. which can be used in further cases. |
On Page Scroll | This node provides functionality for the page ListView is scrolled. |
List View Properties | Use this node to configure properties for your ListView, such as item count, visibility, and more. |
On Properties Update | This node allows you to update the decoration of your ListView by specifying width, spacing, and other attributes. |
Edit Group Properties | This checkbox helps to access secondary input node points or Extra properties associated with the Page ListView node. |
Width | Use this node to specify the width of your Page ListView Section. |
Height | This node allows you to define the height of your Page ListView Section. |
Padding Left | This node point specify the padding from the left side of the Page ListView Section. |
Padding Right | This node point specify the padding from the right side of the Page ListView Section. |
Padding Top | This node point specify the padding from the top side of the Page ListView Section. |
Padding Bottom | This node point specify the padding from the bottom side of the Page ListView Section. |
Grid Row Count | This node point define the number of rows in the grid of the section. |
Item Spacing | This node determine the spacing between items inside the page ListView. |
Grid Spacing | This node point specify spacing in a grid manner. |
If you have any ideas to make Blup better you can share them through our Discord community channel
Music to go with.
Last updated