Fastr Workspace - Interactions: Labels

Overview

This article goes over how the Label feature can be used in Workspace. The main application of a Label is that it allows you to link multiple widgets together. This means that a user can click on one button, but that will cause several other widgets to change. Using these options is essential for creating unique animations and designs for your end users. For general information about adding an interaction, please review the following article: Fastr Workspace - Interactions Overview

To add an interaction to any widget, you just need to select the widget and go to the Interact tab. From here, you will click on the plus icon to get started. Please note that if your widget is not on a board, you will not see this plus icon.  

Labels: 

There are two primary parts required to make a label function. This is made by using the two following pieces together: 

• Activate Label
• Await Trigger: Labeled 

Both of these parts are required to make a label work. You can review an example of this occurring here: Example Experience

Activate Label: The first step is having the user click or interact with a widget that will cause the label to activate. For example, you might want the user to hover their mouse over a certain section, and this will cause other widgets to animate into the page. So the first step is using the "Activate Label" option. When this action has been added to the page, you will need to add a unique ID or parameter. You can see an example here where we have added "ExampleID" as the unique ID. You will also notice that this will occur when a user clicks on the widget. In the example experience above, this is referencing the Grey rectangle with the "click here" text: 


 

Await Trigger: Labeled: The second step is having a widget that will respond to the same unique ID or parameter. When that label is activated, this widget will begin its own set of actions. So in this case, you will see that the same ID for "ExampleID" is being used. In the example experience above, this is referencing the blue rectangle that rotates: 

This option is one of the advanced types of Triggers that you can use. For general information on how to add a Trigger, please review here: Fastr Workspace - Interactions: Triggers
 

If you have any follow-up questions or need further assistance, please feel free to reach out to us at support@getfastr.com — we're happy to help!