How to access(animate) a node from a different ux file?

How-to Discussions
1

I would like to animate(Move) a node from a different ux file.

So the question now is how can I access this node? I thought you just make the node global with ux:Global="…".

But in my case if I declare the node global it will disappear.

Is this the right approach? If yes, why is the node not visible then anymore?

Here is the code:

<App>

	<Outer />

	<PageControl>
		<A />
		<B />
	</PageControl>

</App>

A.ux

<Panel ux:Class="A">

	<Text Value="This is A" />
	
</Panel>

B.ux

<Panel ux:Class="B">

	<Text Value="This is B" />

	<ActivatingAnimation>
		<Move Target="MyCircle" X="50" />
	</ActivatingAnimation>

</Panel>

Outer.ux

<Panel ux:Class="Outer">

	<Circle ux:Global="MyCircle" Height="50" Width="50" Color="Red" />

</Panel>

Here are the files:

2

Has anyone an idea?

3

Hey,

As far as I know you can’t, they have to be in the same UX class.

You can have a shared JS variable that triggers the animation between 2 UX files.

4

I can’t seem to figure out how to do it with your example, because you’re trying to access something from one class to another. But take a look at ux:Dependency hopefully if you can’t figure it out someone can actually show you some code of how to do it.