# Transitions configuration
This page describes how to set up transitions between the three States created in the previous operation. These state transitions can be configured in the State Machine Editor.
More information about state transitions can be found [here](https://doc316en.candera.eu/books/state-machine/page/components-in-state-machine#bkmrk-transition).
##### State Transition Configuration
The Transition function of the State Machine Editor defines how and when the system moves from one state to another. Transitions are indicated by connecting two states with an arrow.
1. Drag a State Transition from the State Machine Editor's top toolbar, and drop it onto the "Car\_Cluster" State (Transition start side).
- A State Transition arrow is created, the tail of which is linked to the "Car\_Cluster" State.
- The State Transition arrow's head can now be dragged across the diagram to define the target state.
2. Drag the State Transition arrow's head onto the "Incoming\_Call" State and attach it with a mouse-click.
- The two states, "Car\_Cluster" and "Incoming\_Call", are connected by a State Transition arrow.
3. Select the State Transition in the State Machine diagram and click the \[Fusion...\] button in the Behavior/Fusion Configuration Panel in the State Machine Editor's bottom left.
- Fusion will be opened, displaying the Transition's Fusion diagram.
- A Check Click Fusion node is connected to the Transition Fusion node's Condition connector.
4. Click on the Transition Fusion node's Actions connector.
- The \[Select Behavior\] dialog will be opened.Instead of clicking on the Actions connector, you can click and drag the connector to a desired location in the diagram where the new Fusion node will be positioned.
5. Enter "Transition Request" in the search field at the top of the dialog.
- While typing, the list of behaviors in the dialog will be narrowed down.
6. Double-click \[Action > Transition > Transition Request\].
- A new Transition Request Fusion node will be created. It is linked to the Actions connector of the Transition Fusion node.
7. Configure the Transition Request Fusion node according to the table below. The scene assigned to the property \[Identifier\] determines the destination of the transition.
- This operation completes the configuration of the transition from "Car\_Cluster" to "Incoming\_Call".
- Click the up arrow icon in the upper right corner of the Fusion panel to navigate back to the State Machine Editor.
| **Property** | **Configuration** |
| RequestType | Activate |
| Identifier | Solution > Scenes > Incoming\_Call |
8. Repeat steps 1 through step 7 to configure the following five transitions.
- This finalizes the configuration of our State Transitions.
- Scene Car\_Status is activated whenever State Car\_Status is entered. Scene Car\_Cluster is entered whenever State Car\_Cluster is entered etc.
- The final State Machine diagram will look like the image shown below.| **Transition** | **RequestType** | **Identifier** |
| **From** | **To** |
| Incoming\_Call | Car\_Status | Activate | Solution>Scenes>Car\_Status |
| Car\_Status | Car\_Cluster | Activate | Solution>Scenes>Car\_Cluster |
| Car\_Cluster | Car\_Status | Activate | Solution>Scenes>Car\_Status |
| Car\_Status | Incoming\_Call | Activate | Solution>Scenes>Incoming\_Call |
| Incoming\_Call | Car\_Cluster | Activate | Solution>Scenes>Car\_Cluster |
##### Handle Control State
In the previous section, we configured the State Transitions and the activation of the respective scene. Next, we will define the conditions for triggering these transitions . Each State Transition has an attached "Check Click" Condition Behavior by default. In the following steps we will add a "Handle Control State" behavior to the TellTale controls "IndicatorLeft" and "IndicatorRight". This makes the Indicators behave like a control, enabling them e.g. to emit click events.
1. In the Solution Explorer, navigate to \[Solution > Scenes > Car\_Cluster\] and double-click the scene.
- The Scene Editor will be opened, displaying the scene "Car\_Cluster".
- The Scene Tree panel will show the scene's scene tree.
- In the Scene Tree panel's right side, an extra scene tree is available, displaying the \[Fusion...\] button and the currently selected RenderNode's Behaviors and Effects.
2. In the Scene Tree panel, expand the scene tree along the following path: Cluster > StatusTop > Telltales.
- The Group2D nodes Brake, AirBag, Engine, OpenDoors, IndicatorRight, and IndicatorLeft will be displayed.To expand a Group2D node, you can either double-click it or you can single-click on the little triangle to it's left.
3. In the Scene Tree panel, select the IndicatorRight Group2D node, then click on the \[Fusion...\] button in the Extra Scene tree.
- Fusion will be opened, displaying the Fusion diagram of IndicatorRight.
4. In Fusion, click the Behaviors connector on the IndicatorRight Fusion node.
- The \[Select Behavior\] dialog will be opened.
5. In the Select Behavior dialog, enter "Handle Control State" in the search field at the top.
- The list of behaviors in the dialog will be narrowed down to \[Control > Internal > Handle Control State\].
6. Double-click the "Handle Control State".
- A Handle Control State Fusion node will be linked to the IndicatorRight Fusion node.
7. Perform steps 3 through 6 for "IndicatorLeft" as well.
- IndicatorLeft and IndicatorRight are now behaving like controls. They are e.g. able to emit click events.
8. Repeat steps 1 through 7 for scenes "Car\_Status" and "Incoming\_Call", adding Handle Control State behaviors to their IndicatorLeft and IndicatorRight component in the same manner.
With the configurations above, IndicatorLeft and IndicatorRight are configured to behave like a control. They are e.g. able to emit click events.
#### Conditions for the State Transitions
Finally, each State Transition's 'Check Click Condition Behavior' has to be configured with a sender - the control that emits the click event. We have set up IndicatorLeft and IndicatorRight to send click events, so they can be configured as senders.
1. In the State Machine Editor, select the state transition from "Car\_Cluster" to "Incoming\_Call".
2. Click the \[Fusion...\] button in the lower left of the State Machine Editor .
- Fusion will be opened, displaying the Fusion diagram of the selected state transition.
- The Transition Fusion node's Condition connector is linked to the Check Click Fusion node.
3. In Fusion at the Check Click Fusion node, click the 'Select item' icon to the right of the \[Sender\] property.
- The \[Choose Item\] dialog will be opened.
4. In the Choose Item dialog, navigate to and select \[Solution > Car\_Cluster > Cluster > StatusTop > IndicatorRight\], then click \[OK\].
- IndicationRight will be displayed in the Sender property of Check Click.
5. Click the up arrow icon located in the upper-right corner of the Fusion panel.
- The State Machine Editor panel will be opened, displaying the State Machine diagram.
6. Repeat steps 1 through 5 to configure the sender property for the remaining Check Click Condition behaviors, applying the configurations from the table below.
- All state transitions are now configured correctly.
| **Transition** |
| **Check Click > Sender** |
| **From** | **To** | **
** |
| Incoming\_Call | Car\_Status | Incoming\_Call > ... >IndicatorRight |
| Car\_Status | Car\_Cluster | Car\_Status > ... > IndicatorRight |
| Car\_Cluster | Car\_Status | Car\_Cluster > ... > IndicatorLeft |
| Car\_Status | Incoming\_Call | Car\_Status > ... > IndicatorLeft |
| Incoming\_Call | Car\_Cluster | Incoming\_Call > ... > IndicatorLeft |
This completes the setup of the state transitions triggered by click events emitted by a control, which then leads to an activation of a new scene. On the next page, we will confirm the functionality of our configuration. 
