# Hotspot

The **Hotspot** is like an invisible button that can be used to capture mouse clicks from the user, in addition, it can also capture mouse-over and mouse-out interactions. Use it to trigger actions such as hiding or showing other components, moving data, etc. 

## Hotspot Properties

The **Hotspot** properties consist of **LAYOUT & POSITIONING, DATA INSERTION**, **INTERACTIVITY,** and **DYNAMIC VISIBILITY** sections.

This guide will describe all sections besides the [**Layout & Positioning**](https://learn.squirrel365.io/components-functions-and-connections/overview/layout-and-positioning) and [**Dynamic Visiblity**](https://learn.squirrel365.io/getting-started/core-concepts/dynamic-visibility) sections, as these are generic to each component. A separate guide and tutorial for each can be found by clicking the links above.

The component properties are set and edited using different methods, some have multiple methods, some just one. See this [Set Property Values](https://squirrel365.io/knowledgebase/set-property-values/) article for more information on using the different methods.

***

### DATA INSERTION

There are three options for triggering [data insertion](https://squirrel365.io/knowledgebase/data-insertion/) on the **Hotspot**:

![](https://911720298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkLBGzn2hXrIMe50klQCv%2Fuploads%2FCnT83xqXSiyuz3HHZAyk%2FNew_Data_insertion.png?alt=media\&token=5820755d-9b6a-4dcc-ae51-13ba24fdeceb)

All three options work in the same way. [Bind](https://squirrel365.io/knowledgebase/data-binding/) the **Source Data** property to the cell in the spreadsheet that contains the data to be copied, then bind the **Destination** property to the cell that the data is to be pasted into.

* **MOUSE OVER** – will trigger data insertion when the user’s mouse moves over the **Hotspot**.
  * **Mouse X** - Bind to an empty cell to push in the initial X position of the mouse cursor when the cursor is moved over the **Hotspot** component.
  * **Mouse Y** - Bind to an empty cell to push in the initial Y position of the mouse cursor when the cursor is moved over the **Hotspot** component.
  * **Live update on hover** - Check this option to have the inserted values update constantly as the cursor moves over the **Hotspot** component.
* **MOUSE OUT** – will trigger data insertion when the user’s mouse moves out of the **Hotspot**.
* **CLICK** – will trigger data insertion when the user clicks on the **Hotspot**.
  * **Mouse X** - Bind to an empty cell to push in the Y position of the mouse cursor when the **Hotspot** area is clicked.
  * **Mouse Y** - Bind to an empty cell to push in the X position of the mouse cursor when the **Hotspot** area is clicked. 

***

### INTERACTIVITY

It is possible to disable the **Hotspot**:

![](https://911720298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkLBGzn2hXrIMe50klQCv%2Fuploads%2FOFZSggK1YGf5eiv3auTO%2FInteractivity.png?alt=media\&token=94f19375-fa76-4595-8ec6-2c930c24ff60)

{% hint style="info" %}
The INTERACTIVITY property utilizes **Conditional Logic**. For more information on **Conditional Logic** and its uses, see [**this article**](https://learn.squirrel365.io/getting-started/dynamic-visibility#conditional-logic).
{% endhint %}