Panel switching

How to
1

I have 5 panel elements on top of each other. I want to always show only 1 panel with a button using a flag.
How can I hide all 5 panels with one statement?

I removed the panels one by one.

Screenshot or video

Others

SquareLine Studio version:1.5.1

  • **Operating system:window10
  • **Target hardware: 5.0 inch ESP32 module JC8048W550/C
2

Hi, You can hide all 5 panels with a single button by creating an event on the button and adding 5 “Modify flag” actions that toggle the hidden property. Here’s how to do it:

  1. Create an event on your button (like CLICKED)
  2. Add 5 “Modify flag” actions to this event
  3. For each action, set the flag to “hidden”
  4. Set each target to one of your panels

This way, whenever the button is pressed, all 5 panels will be hidden at once. It’s a simple but effective way to clean up your UI when needed.

3

I’m using this method now, but it’s not how I want it.
Actually, I always want to select just one and remove the rest. I’m thinking of some kind of wildcard to modify the tags.

4

Hi, we’re planning to add radio button-like event functionality in a future update that will solve this exact problem. For now, you’ll need to use multiple “Modify flag” actions - first hide all panels, then show only the one you want visible.