Mission 11 - List Projects with Logics
Estimated time for completing this mission: 15 mins
Learning Objective
Learn to use containers with logics to read, and display our project lists.
Background Information
As demonstrated previously in List Projects, the possibility to bind a container to a data source and automatically expand it in to a list is a powerful feature. In this mission, we cover the case where we want to process the data while binding it to a container. By the end of this mission you'll be proficient in binding containers to arbitrary logic flows. This advanced functionality builds upon the regular data binding feature, offering greater flexibility and control.
BLOX used in this mission:
Logic BLOX
- MyData/MyProjects
- Basics/Start
App BLOX
- Container
- Panel
- Label (4x)
Data
We will use MyProjects data from the previous exercise. If you would like to download the data set, click here: MyProjects.xlsx
Steps
Please refer to Navigation Guide to perform the steps below
App Designer:
Use container to show projects
1. First click on the "+" sign on the top right corner to create a new page.
2. Drop the Panel BLOX to the canvas and make it larger.
3. Drop the Container BLOX into the Panel.
4. Drop 4 Label BLOX into the Container.
5. Arrange the labels as you like to present the Project information.
6. Below there is a possible example for reference.
7. Once the layout of the app is done, click on the small gear underneath the "pages" sign.
8. This will open a new logic behind the layout, lets call it "Display list"
9. Drop the MyProjects dataset.
10. Drop the Start BLOX.
11. Connect the all output of MyProjects to the green dot of the Container page BLOX.
Pro User Tip
You can also connect with a button to refresh or trigger the logic as well.
12. Enable the rest of output connections of MyProjects BLOX by clicking on the eye signs in the output setting of MyProjects.
13. Connect the rest of MyProjects outputs to corresponding green dots of the Label page BLOX.
14. In order to run the logic when the app starts you need to connect the Start BLOX to the play sign of MyProjects BLOX.
15. Below is an example for the logics used in this mission.
16. Then run the app to see an unfolded list of our projects.
Results and Summary
The result should show custom list of elements from the example table.
