Skip to main content

​
Description

Shows or hides elements when an event is broadcast

​
Usage

as element: 
<lifecycle:on
       event="{string}"
       hide="{boolean}"
       show="{boolean}">
</lifecycle:on>

​
Parameters

ParamTypeDetails
eventstringThe name of the event to be listened to
hidebooleanIf true when the event is heard the elements will be hidden.
showbooleanIf true when the event is heard the elements will be shown.

​
Example

​
Source

<p>An event called foo will broadcast in 5 seconds.</p>
<lifecycle:delay delay="5000">
    <lifecycle:event event="foo">
        <search:alert style="alertbox-positive">Event foo has been broadcast</search:alert>
    </lifecycle:event>
</lifecycle:delay>
<lifecycle:on event="foo">
    <lifecycle:delay delay="1000">
        <search:alert style="alertbox-positive">Event foo has been heard so I have appeared!</search:alert>
    </lifecycle:delay>
</lifecycle:on>
<lifecycle:on event="foo" hide="true">
    <search:alert style="alertbox-warning">When I hear the event foo I will hide!</search:alert>
</lifecycle:on>

​
Result

Result