LogoLogo
FeaturesHelp & ResourcesShowcasePricingLogin
Learn Section
Learn Section
  • Introduction
  • Getting Started
    • Finding your way around
    • Core concepts
      • Data Binding
      • Data Insertion
      • Dynamic Visibility
    • Creating and managing projects
      • Creating a Project
      • Saving a Project
      • Opening a Project
      • Version History
    • Templates
  • Components
    • Overview
    • Layout & Positioning
    • Charts
      • Line Chart
      • Column Chart
      • Bar Chart
      • Pie Chart
      • Combination Chart
      • Area Chart
      • Spline Chart
      • Step Chart
    • DataViz
      • Gauge
      • Word Cloud
      • Chord Diagram
      • Sankey Diagram
      • Schedule (Gantt)
      • Metric Tile
      • Progress Bar
      • Trend Icon
      • Mapbox
      • Loading Animation
    • Tables
      • Scorecard
      • Data Table
    • Controls
      • Push Button
      • Dropdown
      • Multi Select Dropdown
      • Listbox
      • Label Based Menu
      • Checkbox
      • Radio Button
      • Slider
      • Value Input
      • Print Button
      • URL Button
      • Screenshot
      • Hotspot
      • Date Picker
      • Toggle Switch
      • Scenario
    • Text
      • Text Label
      • Text Input
      • Text Area
    • Shapes
      • Rectangle
      • Ellipse
      • Line
    • Media
      • Image
      • Icon
    • Containers
      • Container
      • Web View
      • Repeat Container
      • Row Layout
      • Column Layout
  • Functions
    • Overview
    • Data Mover
    • External Parameters
    • Export to Excel
    • Export to PDF
    • Timer
    • Tableau Parameters
    • Browser Info
    • TextJoin
    • Unique List
  • Connections
    • Overview
    • Excel One Drive
      • Excel One Drive Read
      • Excel One Drive Writeback
    • Google Sheets
      • Google Sheets Read
      • Google Sheets Writeback
    • Ninox Connections
    • Smartsheets
    • CSV Connector
    • SAP Webi Connector
    • XDC Connections
    • Database Connections
    • Zapier Trigger
  • Spreadsheet
    • Overview
    • Spreadsheet functionality
    • Supported Spreadsheet Functions
    • Spreadsheet performance
  • Best practices for the Squirrel spreadsheet
  • Publishing & Sharing
    • Overview
    • Project Settings
    • Publishing to Squirrel Cloud
    • Publishing Locally
    • Using the Project Manager
    • Adding projects to PowerPoint
    • Adding projects to Tableau
    • Progressive Web Apps (PWA)
  • SETTINGS
    • Image Library
    • Custom Fonts
  • Account Management
    • Manage your account Profile
    • Understanding your Squirrel plan usage
    • Changing your Plan
    • Billing
    • How do I delete my account?
  • Frequent Questions
    • What data do you keep and for how long?
  • How-Tos
    • Overview
    • Add-ons
      • Add-on Documentation
      • Window Size – Add responsive behavior to your components
      • Window Size - Getting responsive behavior in the canvas
    • Adding your own Google Fonts
    • Chart title and Checkbox label text case formatting
    • Deleting functions and connections
    • Find & Replace Fonts
    • Getting a Mapbox API access token
    • Renaming a component, function or connection
    • Seeing Data from a Connector at Design time
    • Troubleshooting Projects in the Console
    • Using colors and color values
  • Tutorials
    • Create a temperature conversion app
    • Create a revenue growth app from an existing spreadsheet
    • Whack-A-Squirrel Game
    • Filtered Rows Insertion: Building a Filtered Selection
Powered by GitBook
LogoLogo

Explore

  • Home
  • Features
  • Pricing
  • Download Squirrel

Help

  • Learn
  • Community
  • Support
  • FAQ's

Updates

  • Blog
  • Events
  • Release Notes

Company

  • Contact Us
  • Privacy Policy
  • Terms of Use

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

On this page
  • Hotspot Properties
  • DATA INSERTION
  • INTERACTIVITY

Was this helpful?

  1. Components
  2. Controls

Hotspot

This article describes the Hotspot component and its properties.

PreviousScreenshotNextDate Picker

Last updated 11 months ago

Was this helpful?

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


DATA INSERTION

  • 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:

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 .

There are three options for triggering on the Hotspot:

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

The INTERACTIVITY property utilizes Conditional Logic. For more information on Conditional Logic and its uses, see .

here
data insertion
Bind
this article