Is there possible that add a new component (e.x panel) to scroll box by clicking a button?

As the title mention, I want to dynamically add the same component to scroll box.
I want to add editable box to scroll box.
When an user click button, and the editable box will appear in scroll box sequentially.

The whole things I wanted:
In the beginning, maybe only have two editable box and doesn’t appear the scroll bar.
And then, when add the third editable box, the scroll bar appear.

The concept like this figure:

Thanks for any suggestions!

Try this:

Result:

AddTextBox

My Products

@Everynone Sorry for disturbance!
There is a new question.
After reading some information, I think I need to use for each loop to add, right?
And then, I also need to convert the widget I want to add into array.
I am not sure whether it is correct.

Oh! Super thanks! I will try tomorrow!
Thank for your answer. You are so kind!

Sorry, how do you get the construct text box node?

Thanks! As for your custom Event, do you define anything?

I use the “Add child to canva” node to add new item in scroll box successfully.
But my scroll box can not scroll to the bottom. I don’t know why.
image

Show your event nodes, please.

Can I replace the Text box with a canva panel?
Can you show your text box widget and scroll box widget?

image

Sorry! Can you show your text box widget and scroll box widget?
And your custom Event, do you define anything?

Default Scrollbox

1 Like

Thank you! You are so kind!

What’s the function of this two node?
image

image

But why do you need to add custom event?

to handle changes. you can attach your nodes to the events if needed

Got it!
As a result, in your example, you still doesn’t define the events, right.
You just show this kind of things.

Oh, I seem to understand your script.
It look like can not use in some add custome content, right?

right

1 Like