I am trying to add a custom widget to a scroll area on click.

Let say this is my custom widget
2.jpg

And this is the main window where I can add my custom widget one by one when I click the "add" button.
3.jpg

Now when I try to add many custom widgets to that scroll area, the scroll bar didn't show up but instead
all the custom widgets huddled within the scroll area.

Clicked twice the "add" button:
4.jpg

Clicked the "add" button for 5 times:
5.jpg

But it works when I am adding many QPushButtons:
6.jpg


I am new to Qt so I hope that someone can show me how to do this in ui. Thanks in advance.