Wrapping Widgets with Vertical Box inside Scroll Box doesn't work?

Does anyone know why placing widgets inside vertical boxes that are inside scoll boxes doesn’t work? Placing the widgets directly in the scroll box works but once you wrap them in a vertical box it stops working. Can this not been done with Vertical Box (do I need to use something else?)

I want to be able to collapse the Vertical Box to hide a set amount of embedded Widgets.

can you describe more what your trying to achieve cause for me i use vertical box and then scroll box but little confused on the question itself …thanks in advance

Placing other widgets inside a Vertical Box that is inside a Scroll Box doesn’t seem to work. Placing the widgets directly inside the Scroll Box works, but I want to be able to collapse groups of the widgets during gameplay. There has been a few other posts about this in the past but it has never been answered.

can i see the result your getting cause off hand i think i can get it to work but are the widgets the same size or all different?

There is no result, adding the Vertical Box to the Scroll Box and then adding in Widgets (all the same size) simply shows nothing when run. If I place the same widgets inside the scroll box it works fine, but then I can’t collapse groups of them.

265720-untitled.png

so i got 3 vertical boxes in the scroll box holding 4 widget is this what your trying to achieve?

Did you do this with Blueprint or just adding it in UMG?

That is added through blueprint

Can you post a screenshot of it please?

we got a bunch of steps to get this working but i will post the answer now with pics and a detailed response

ok so first thing first drag a canvas panel into you hud canvas panel make sure it is marked as variable size of it dosen’t matter now we make a scroll widget delete its canvas panel now drag in a size box and at the top where it says fill screen change it to desired now set the size drag a scroll box and add 3 panels to the scroll leave them blank just name them and mark them as variable now make separate widgets that are just a custom size i did 400 by 400 now lets have some fun in your character blueprint we now wanna create a function call it WIDGETS now inside create each widget and set a reference to them put that to your construction script now make a key i pick N now drag in your scroll reference and right click on it now convert to a validated get on on is valid remove from parent and set mouse input to false is not valid get the widgets function cast to wherever you have you hud get a hud reference if you have it if not go back to where you created it and set a reference now we wanna get our scroll holder the blank canvas we add to the hud we wanna add our scroll as a child to that and set auto size and tick the true panel now we wanna add each vertical box as a child to the scroll when ever you wanna collapse one just simple get a different key or what ever and remove it from parent hope this helps

1 Like

Replace the Vertical Box with a GridPanel of 1 column and as many rows as you need. Important point is to setup the rows in the GridPanel to have some values in RowFill for the panel you need to scroll.

Just wanted to add to this, in case anyone is still struggling with this, because it took me a while to figure it out.
The Scroll Box has a ‘Scroll when focus changes’ drop down. By default its set to No Scroll, which will stop the scroll box from working correctly. Changing it to Animated Scroll or Instant Scroll fixed the problem for me.