More info on Example (Sign up flow)?

How-to Discussions
1

Hello,
is there a chance of more details on the example:
https://www.fusetools.com/examples/signup-concept

IT says:
“We use the LayoutMaster property to make our white Rectangle take on the layout of another Element and the Move and Resize animators to make it animate smoothly between them.”

I’d like to know more about the LayoutMaster, what does it do and how does it work? What does the sentence above mean?

What does this mean?

		<Set whiteRect.LayoutMaster="signupForm" Delay="0.6"/>
		<Set greenRect.LayoutMaster="submitButton" Delay="0.9"/>

What does the properties mean (RelativeTo, RelativeNode etc):

<Move   Target="whiteRect" RelativeTo="PositionOffset" RelativeNode="signupForm" Vector="1" Duration="0.4" Delay="0.2" DurationBack="0" Easing="CubicInOut"/>
		<Resize Target="whiteRect" RelativeTo="Size"           RelativeNode="signupForm" Vector="1" Duration="0.4" Delay="0.2" DurationBack="0" Easing="CubicInOut"/>

Thanks =)

2

LayoutMaster is documented here https://www.fusetools.com/docs/fuse/controls/layoutcontrol/setlayoutmaster_084fadc8

The two Sets set the LayoutMaster property of the elements named whiteRect and greenRect. Set is documented here https://www.fusetools.com/docs/fuse/triggers/actions/set_1

Move and RelativeTo is documented here https://www.fusetools.com/docs/fuse/animations/move

Does that answer it?