Event

Event Wrappers can be used to nest and reveal components once set criteria or action has been met. Events can take place after users have submitted a form, failed to submit a form, or run off of a variable condition. A few ways to utilize Event Wrappers is to hide a form, reveal an image, or show text after a successful form entry.

Event Types

Form Submit

Set up what Components or Wrappers a user will see before and/or after their Form has been successfully entered. 

Before: The Component or Wrapper will only show before the Form has been submitted.

After: The Component or Wrapper will only show once the Form has been submitted. 

Pro Tip

If a Form is wrapped in an Event Wrapper and is set to Form Submit → Before, once a user has submitted the Form, the Form will hide and can only be reshown if a user clears their cache history. 

Form Error

Set up what Components or Wrappers a user will see if their Form has been entered unsuccessfully. 

Local Variable

This associates an Event with an Action Component. It will fire Components and/or Wrappers that are nested within it once the set logic have been met.  

Tag Variable

This associates an Event with Tag User Data. It will fire Components and/or Wrappers that are nested within if the Tag User Data meets the condition and value set. 

Advanced

The Advanced Event Type allows you to set two values against each other. This allows you to set your own event type rather than a preset one. 

Pro Tip

This allows you to write a conditional statement comparing 2 macros

Example: This event will only show the components nested if the user's current location is less than 100 meters away from Berlin!

Event Type: Advanced

Value One: {{ Location:distance( Location:watch( "geo_fast",1, {} ) || "",Location:new( 52.520007, 13.404954, {} ) || "" ) || "" < 100 }}

Value Two: True

Condition: =

Event Configurations

Variable Name

Label the action. The name should be consistent across all Wrappers and Components involved in making the action occur. 

Condition

The logical action component which determines whether or not the set criteria has been met to satisfy the variable condition. 

=The condition equals the set variable
!=The condition does not equal the set variable 
>The condition is greater than the set variable
<

The condition is less than the set variable

>=The condition is greater than or equal to the set variable
<= the condition is less than or equal to the set variable 

Only Available for Variable Event Types

Value

The input set to satisfy the variable condition in order for the outcome to occur (True, False, 1, 2, 3, etc.).