How to use Expandable area?

138333-expandable+area1.png

How to use this ?

I didn’t find the method in the detail panel.

Are there any related video tutorials?

Or you can upload screenshots to see how to use this widget

An Expandable area is like a spoiler with a Header (1 child only) and a Body (1 child only). The header is always visible, and whenever pressed opens up to show the body.

To see examples how these are used in the unreal editor just look at the details menu (Picture 1)

139849-detailsexpandableareas.png

It’s important to add that while headers and footers can only have one direct child, that child can still have multiple children.

As an Example: You want a couple of buttons in the body. You can add one horizontal box as the direct child under the body, then add the buttons as children under the horizontal box.

Hope this help!

4 Likes

To add to @anonymous_user_261c28a1 's notes, if you want to add more than one item (since you can only have one decedent widget underneath Header and Body), you can use vertical boxes or other containers to include multiple widgets and do further nesting this way.

As a general tip, I would have the design mode by default have all areas expanded to see everything, and using the Event Construct to initialize the default expanded states of all the areas.