How to trigger action after given delay when element became visible

How-to Discussions
1

Fuse version 1.7.3 (build 15528)
MacOS 10.13.3
fuse preview

I want to trigger some action after my element became visible, but with 5 second delay

Here is my code.

Issue: When I click button and element becomes visible, actions are executed without delay.

if I remove When="Start" actions are not executed at all.

<App>
    <DockPanel>
        <Rectangle ux:Class="MyRec" Width="100" Height="100" Color="#aeb">

            <WhileTrue ux:Name="shadow" Value="false">
                <Shadow Angle="-90" Size="4" Distance="3"/>
            </WhileTrue>
            <WhileVisible>
                <DebugAction Message="Rectangle is visible" Delay="5" When="Start"/>
                <Toggle Target="shadow" Delay="5" When="Start"/>
            </WhileVisible>
            <WhileTrue Value="true">
                <DebugAction Message="WhileTrue triggered" Delay="5" When="Start" />
                <Toggle Target="shadow" Delay="5" When="Start"/>
            </WhileTrue>
        </Rectangle>

        <WhileTrue ux:Name="showRec" Value="false">
            <MyRec ux:Name="myRed"/>
        </WhileTrue>
        <Button Text="ClickMe" Dock="Top">
            <Clicked>
                <Toggle Target="showRec"/>
            </Clicked>
        </Button>
    </DockPanel>
</App>
2

There,

<App>
    <DockPanel>
        <Panel ux:Class="MyRec" Width="100" Height="100">

            <WhileVisible>
                <DebugAction Message="Rectangle is visible" />
                <Change shadow.Value="true" Delay="2" />
            </WhileVisible>

            <WhileTrue ux:Name="shadow">
            	<DebugAction Message="Showing the shadow!" />
            	<Change theShadow.Visibility="Visible" />
            </WhileTrue>

            <Rectangle Color="#aeb" />
            <Panel ux:Name="theShadow" Visibility="Collapsed">
            	<Shadow Angle="-90" Size="4" Distance="3" />
            </Panel>

        </Panel>

        <WhileTrue ux:Name="showRec" Value="false">
        	<Change myRed.Visibility="Visible" />
        </WhileTrue>

        <MyRec ux:Name="myRed" Visibility="Collapsed" />

        <Button Text="ClickMe" Dock="Top">
            <Clicked>
                <Toggle Target="showRec" />
            </Clicked>
        </Button>
    </DockPanel>
</App>
3

I found trigger which can be used here, but not sure if it’s correct one:

<Completed>
    <DebugAction Message="Hello FuseTools" Delay="2"/>
</Completed>