# Events

The *Events* are conditionally triggered *Methods* if something happens. In terms of distribution, we can split *Events* into two groups; one group is bound with *Views*, and the second one is attached with the *Components*.

![Application calling sidebar by an Event](https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FcijXIqkuuLXSlNGsNGgt%2Fimage.png?alt=media\&token=f2467c78-611f-4a72-8528-9920ddac5cc2)

### 1. Components Events

Except for a few *Layout components* rest of them can edit *Events* by clicking on the flash icon, choosing the proprietary *Method*, and configuring *Event* logic with the *Flowchart* wire editor.

{% tabs %}
{% tab title="Button\[onClick] Event" %}
![](https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FJuVvBfl6u0Oh4bh8GAgp%2Fimage.png?alt=media\&token=69ff67c4-70f1-4c8c-aa94-b15fafa45777)
{% endtab %}

{% tab title="Flowchart  Editor" %}

<figure><img src="https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FQu4iEzyzTypfeCCUPSSl%2Fimage.png?alt=media&#x26;token=8b02404f-ed8c-4a02-80d3-0f0a9797e319" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 2. Views Events

Each of the existing application *Views* has an option to edit its *Events* on Initialize and when the input parameters are changed — even in editing *Views Events*, configuring *Event* logic with the *Flowchart* wire editor.

{% tabs %}
{% tab title="View Events Settings" %}
![](https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FmX38TX2Ml0ReKqONktJY%2Fimage.png?alt=media\&token=61b153b3-b5d0-4e43-a5d2-a47f5550a16a)
{% endtab %}
{% endtabs %}