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
  • Text Label Properties
  • LABEL TEXT
  • STYLING
  • BACKGROUND

Was this helpful?

  1. Components
  2. Text

Text Label

This article describes how to configure the Text Label component and each of its properties.

PreviousTextNextText Input

Last updated 11 months ago

Was this helpful?

Squirrel 1.12 introduced a “Quick Set-up” tab on many property panels. The properties described on this page are available on the “All Properties” tab of the property panel. For more details on “Quick Set-Up” properties see

The Text Label displays text within a Squirrel project. It can be styled to suit a project theme.

Select Text Label from the Text category of the component library. Move the mouse cursor over the canvas and click to add a text label to your project:

Text Label Properties


LABEL TEXT

Text to display – This property contains the text content that will be displayed in the Text Label. This can be set in two ways:

  • Typing text or pasting text directly into the property field.

  • Binding to a cell, or cells in the spreadsheet. (Binding to more than one cell will add the contents of those cells as a comma-separated list within the Text Label.)

  • Allow scrolling – Checking this property will add a vertical scrollbar to the Text Label if the text content is larger than the Text Label.


STYLING

  • Font – Choose a font style from the dropdown list

  • Size – Change the font size of the Text Label in 3 ways:

    • Using the spinner buttons

    • Typing in a value

    • Binding to a value in a spreadsheet cell

  • Line height – Use this property to adjust the line spacing of the Text Label. Choose one of the options from the dropdown list.

  • B I U – Use these toggle buttons (bold, italic, underline) to change the format of the Text Label. When toggled on, the button is blue:

  • Text Color – The text will be shown in the color that matches the value entered in the property field. This can be set in 3 ways:

    • Clicking the colored rectangle and using the color picker

    • Typing in a color value

    • Binding to a color value in a spreadsheet cell

  • Opacity – This determines the transparency of the text. This property can be set in 3 different ways:

    • Using the spinner buttons

    • Typing in a value

    • Binding to value in a spreadsheet cell

  • Text alignment – Choose to align the text to the left, right, or center. The blue button indicates the current selection:

  • Content alignment – Vertically align the text content to the top, center, or bottom of the Text Label component. The blue button indicates the current selection:

  • Padding – This property defines the space between the Text Label border and the Text Label content. It can be set in 3 ways:

    • The blue button indicates the current selection.

    • Typing in a value.

    • Binding to value in a spreadsheet cell.

  • Capitalization – Change the letter case of the Text Label content to the either uppercase first letter, all uppercase letters, or all lowercase. Unselecting all of the buttons will return the content to its original case format. The blue button indicates the current selection:

  • Number format – This property is only available if a Capitalization property hasn’t been selected. Select an option from the dropdown:

    • Automatic – This option will automatically format a number displayed within the Text Label.

    • Percentage – Adds a percentage symbol to the end of the number value.

    • Currency –

      • Currency symbol – select an option from the dropdown box. The chosen currency symbol will be added to the number value.

    • Number – Defines the value as a number

    • DateTime –

      • Date format – Set the date format by choosing an option from the dropdown box.

      • Include time – Check the include time option to include time data.

      • Time format – Set the time format by choosing an option from the dropdown box.

    • Decimal places – Available when percentage, currency, or number is selected in the Number format property. Enter a value to ensure that any decimal number displayed in the Text Label is shown reduced to that number of decimal spaces.

    • Use thousands separator – Available when currency or number is selected in the Number format property. Check this option to group the value into thousands. This allows rapid judgment of the number of digits for example, 100,000,000 is much easier to read than 100000000.


BACKGROUND

  • Fill – When checked, the background of the text label will be filled with a color that matches the value entered in the property field. This can be set in 3 ways:

    • Clicking the colored rectangle next to the Fill checkbox and using the color picker

    • Typing in a color value

    • Binding to a color value in a spreadsheet cell

  • Opacity – This determines the transparency of the background of the text label. This is only available when the Fill checkbox is checked. Opacity can be set in 3 different ways:

    • Using the spinner buttons

    • Typing in a value

    • Binding to value in a spreadsheet cell

  • Border – This property is unchecked by default. Check to add a border to the text label. Set the color and opacity properties as above.

    • Weight – This property determines the line thickness of the Dropdown component border in pixels.

      • Individual Weight - selected this property to apply different widths to each of the component's borders. Each of these individual inputs can be manually edited or bound to the spreadsheet.

    • Line style – Select a borderline style. The options are solid and dashed:

  • Corners – This property determines the corner radius of the text label border. Use the slider to amend this property or type a numerical value into the property field.

    • Individual Corners - selected this property to apply different radii to each of the component's corners. Each of these individual inputs can be manually edited or bound to the spreadsheet.

The Text Label properties include LABEL TEXT, TEXT STYLING, BACKGROUND, and DYNAMIC VISIBILITY drawers. This guide will not describe the dynamic visibility properties as these are generic to each visible component, a separate guide and tutorial on dynamic visibility can be found .

Bold Italics Underline selection panel
Text Alignment selection panel
Line styles
here
this article