Hotspot

This article describes the Hotspot component and its properties.

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.

Select Hotspot from the controls category of the component library. Move the mouse over the canvas and click to add a Hotspot to your project:

Hotspot Properties

The Hotspot properties consist of DATA INSERTION, INTERACTIVITY, and DYNAMIC VISIBILITY drawers. This guide will describe the data insertion and interactivity properties only; the dynamic visibility properties are generic to each component and a separate guide and tutorial on dynamic visibility can be found here.

DATA INSERTION:

There are three options for triggering data insertion on the Hotspot:

All three options work in the same way. Bind 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:

Bind the Status property to a cell in the spreadsheet, and either add a value to the Value property or bind it to a cell containing a value in the spreadsheet. When the Status property and the Value property are equal, the Hotspot will be disabled. Leaving these two properties empty will ensure that the Hotspot is always enabled.

Last updated

Logo

Copyright © 2019 - 2024 InfoSol Ltd. All rights reserved.