ExpandButtonView with nested GLSP views

[umar-shabbir]

The ExpandButtonView example in docs renders a static text "More Information" in the expanded part of this element. The code for this is also on client side, which is just a svg text.

{node.expanded && ( <text x="50" y="45"> More information </text> )}

How to add a nested GLSP view/element in this expanded part of ExpandButtonView ? For example, any custom element like TaskNode‎ or another ExpandButtonView inside the content of the outer ExpandButtonView ?

I tried modifying the builder for node:expandable to add children elements but it seems to be incorrect way of nesting elements within the expanded portion of ExpandButtonView, Can someone guide a proper way to implement it and what needs to be done on the client and server side?

For illustration, I want this Element 02 to be part of the expanded content.

[tortmayr]

HI @umar-shabbir,
I will look into this. In theory you approach with adding the element that represents the "expanded" context as child node is the correct one.
In addition, you need to make sure that the nested element is only rendered if the parent node is in the expanded state.

I will try to come up with a short example implementation.