Welcome to BRICKS.
This tutorial covers the second step in using the Property Bank: dynamically loading path-based assets. By completing this chapter, you will easily master the fundamental usage of the Property Bank in the BRICKS Cloud Intelligent Display.
🕐 Estimated time to complete this tutorial: 2–3 minutes
Step 1: Replace the Image Component Path with a Variable
In this section, you will learn how to convert an image path into a variable, similar to how color variables work.
Select an image component and cut the existing image path from its property field.
Open the Property Bank, create a new variable of type String, and paste the copied image path into the Value field. Click [ New ] to create a new path variable.
Return to the image component, click the link icon next to the Path property, and select the path variable you just created from the options on the right. Remember to remove the MD5 attribute.
Step 2: Configure an Event to Change the Variable
Recall that in the previous chapter you configured a tap event on a component.
Here, repeat the process:Select a component.
Under its On Press event, add a new action to Change Property Bank.
Specify the variable name you want to change and provide a replacement image URL.You can copy any image URL found via a Google search for this test.
After configuration, click [ Save ] to complete the setup.
Step 3: Preview Playback
After setting up the tap-to-change behavior, run a preview.
Click the configured component to confirm whether the image variable updates correctly with the new path.
Congratulations! You have now learned the basic concept of dynamic path variables.
The next chapter will introduce the Event Flow Controller.
For any assistance, please click the chat icon in the bottom-right corner. Our team will respond to your questions as quickly as possible.