I have a node with `resizable: true` that contains multiple child templates (panels, shapes, text blocks, etc.) in a hierarchical structure. When I resize the outer node, I want the child templates to resize proportionally to fill the available space.
Is there a property I can set on the parent node that automatically makes all children resize when the parent is resized?
Or do I need to explicitly set the `stretch` property on each child template?
What’s the recommended approach for making child elements responsive to parent node resizing?
First, I’d like to correct the terminology: a template is a Panel that is automatically copied for model data and whose Panel.data property binds its properties with that data. I’ve edited your post’s title accordingly.
What did you want to do with the TextBlocks as the user changes the size of a Node? Should it scale up or down so that it looks like proportionally bigger or smaller versions of itself? Or should it keep the same apparent font size and wrap accordingly?