Parent's panel BG Radius not overriding child's panels

How to
1

What do you want to achieve?

panels
panels444×262 4.04 KB

What have you tried so far?

|----parent panel
|     |---- child panel #1
|     |---- child panel #2
  1. Setting parent panel’s layout to flex column
  2. Give parent panel bg radius 15px

Screenshot or video

tree:
lvgl-panels-tree
result:

lvgl-panels
lvgl-panels330×180 3.18 KB

Others

  • SquareLine Studio version: 1.4.2
  • Operating system: Windows 10
  • Target hardware: STM32

Correct me if I’m wrong but shouldn’t the parent panel’s border radius hides the overflow of the child’s panels?

2

Hello @jdinh0608,

I am attaching a picture for the explanation, please check it!

image
image1458×741 68 KB

Enable the “Clip corner” flag on the panel3 widget. This will ensure that any content extending beyond the panel’s radius is clipped.

1 Like
3

I completely missed that option. Thank you!