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
  • Looking for something in particular?
  • What is a component?
  • Adding a component
  • Grouping Components
  • Arranging Components
  • View components in action

Was this helpful?

  1. Components

Overview

This is an overview page of Squirrel's components, their uses as well as navigation to articles for each of the available components.

PreviousTemplatesNextLayout & Positioning

Last updated 10 months ago

Was this helpful?

Looking for something in particular?

What is a component?

Squirrel components are essential building blocks for any project you create. They include Charts and Tables for displaying data, Controls for managing data movement and functionality, as well as Shapes and Media for designing and building a user interface.

Adding a component

Any component you are looking for can be found under any of the categories on the left-side Object Library panel.

After selecting any of the categories, they will display a list of all available components under that category.

Select the desired component and move the cursor over the canvas area. There are a few options for placing a component on the canvas:

1. One-click placement

2. Drawing component

Grouping Components

Components can be grouped on the canvas. When grouped, these components can be moved together on the canvas, as a single layer in the object browser and hidden via dynamic visibility.

Components can be grouped in a few ways:

1. Ctrl + G

2. Right-click menu

3. Arrange menu

Arranging Components

Components can be arranged on the canvas based on their positions and size. When multiple components are selected, the arrange menu will be enabled.

When arranging components, the arrangements will be based on the first selected component.

This is identifiable by the thicker blue bounding box around the component.

View components in action

When on the canvas, components have no interaction and serve only as a means of styling and layout. Components can be "tested" and viewed in action within the Debug and Preview menus.

Debug

Debug acts as a means to "test" a project. When in this mode, components can be interacted with on the canvas, and display the set styling for each of their states. In addition to this, the spreadsheet is still visible, allowing interactions and data movements to be viewed whilst interacting with the components.

Preview

Preview mode acts as a means of viewing the project as it will be seen in the browser before publishing. When in this mode, the spreadsheet cannot be viewed, but the components can be interacted with.

Cover

Charts

Display data using lines and bars and pie sectors.

Cover

DataViz

Visualize data using graphical elements like gauges for values, or word clouds for text.

Cover

Tables

Structurally display data in tables to easily track patterns and anomalies.

Cover

Controls

Power projects with buttons and triggers to move data behind the scenes.

Cover

Text

Display text labels and provide means of inputting new information.

Cover

Shapes

Spruce up projects with shapes and lines.

Cover

Media

Import images or place icons from an externsive library.

Cover

Containers

Create "mini canvases" to group components or display snippets from a webpage.

From left to right: Charts, DataViz, Tables, Controls, Text, Shapes, Media, Containers, Add-ons
A list of the available components under the Charts category
From left to right: Align Left, Alight Center, Align Right, Align Top, Align Middle, Align Bottom, Distribute Horizontally, Distribute Vertically, Make Same Size, Make Same Height, Make Same Width