Governed Dashboards
  • About Dashboard Designer
    • What is Dashboard Designer?
    • Why is it used?
  • Getting Started
    • Accessing the Designer Module
    • Overview of Designer Module
      • Homepage
        • Guided Tour
        • Left Menu Panel
          • New
          • Manage
          • Open Dashboard
          • Preferences
          • Save As
          • Help
          • Exit
      • Dashboard Canvas Page
        • Right side Panel
          • Connection Page
          • Chart Container
          • Manage Window
          • Script Window
          • Guided Tour
        • Canvas Properties
        • Context Menu Properties
  • Create New Workspace
    • Workspace Creation: Complete Flow
    • Creating a Workspace
    • Renaming a Workspace
    • Deleting a Workspace
  • Create New Dashboard
    • Dashboard Creation: Complete Flow
    • Adding a New Dashboard
    • Create Connection
    • Drag and Drop Charts
    • Associate the Dataset
    • Preview the Dashboard
    • Save the Dashboard
    • User Alert Notification
  • Managing Options for a Dashboard
    • Open Dashboard in Designer
    • Publish a Dashboard
    • Share a Dashboard
    • Dashboard Version Control
    • Action Menu
      • Preview Dashboard
      • Export to Local Disk
      • Rename
      • Delete
      • Moving a Dashboard
      • Information Icon
      • Dashboard as Template
  • Connecting to a Data Source
    • Accessing the Data Connectors
    • Establishing a Data Connection
      • CSV Connection
      • Excel Connection
      • Data Service Connection
      • Data Science Service
      • Data Store Connection
      • Data Sheet
        • Data Sheet Enhancements
      • WebSocket Connection
      • Merged Connection
  • Charts Gallery
    • Charts
      • Area chart
      • Bar Chart
      • Bubble Chart
      • Circumplex Chart
      • Column Chart
      • Funnel Chart
      • Histogram Chart
      • Inverted Funnel
      • KPI Tile
      • Line Chart
      • Map Chart
      • Mito Plot
      • Mixed Chart
      • Pie Chart
      • Project Timeline
      • Pyramid Chart
      • Spark Line
      • Scatter Plot
      • Spider Chart
      • Waterfall Chart
    • Grids
      • Data Grid
      • Paging Grid
      • Data Sheet
      • Scorecard
      • Pivot Grid
    • Filters
      • Checkbox
      • Combobox
      • Hierarchical Combobox
      • List
      • Radio Button
    • Advanced Charts
      • Box Plot
      • Candle Stick
      • Chevron
      • Data Search
      • Decision Tree
      • Group Bar
      • Group Column
      • Heat Map
      • Text Analyzer
      • Time Series
      • Decomposition
      • Tree Map
      • Trellis
      • Word Cloud
    • Other Charts
      • Box
      • Bullet
      • Date Picker
      • Export
      • Filter Chips
      • Filter Saver
      • Gauge
      • Graphics
      • Guided Tour
      • H-Slider
      • Image
      • Info Button
      • Label
      • Legend
      • Progress Pie
      • Semi Gauge
      • Stepper
      • SVG Image
      • Text Box
      • Trend
      • URL Button
      • V-Slider
      • Tab Component
      • Inputbox component
      • Button component
    • Custom Charts
    • Common Chart Properties
      • Background
      • Title & Sub-title
      • X & Y Axis Properties
      • Legend Properties
      • Formatter
      • Axis Setup
      • Export Options
  • Dashboard Objects
    • Manage Dashboard Components
    • Dashboard Objects Properties
  • Configurations
    • Filtering the Data
    • Drill Through
    • Dataset Properties
    • Indicators in Charts
    • Tooltip(Default & Custom)
    • Data Label
    • Geo Mapping
    • Language Mapping
    • Legend Mapping
    • Alerts in Grids
  • Script Help Section
    • Navigate to Script Help page
    • How to use Scripts?
Powered by GitBook
On this page
  • Best Situation to use Check Box
  • Default Checkbox Image
  • Properties of the Check Box filter
  • General
  • Background
  • Modified Check box filter after changing its properties
  • Check Box Use Case
  1. Charts Gallery
  2. Filters

Checkbox

PreviousFiltersNextCombobox

Last updated 2 years ago

Check out the given walk-through to understand the Check Box filter component.

Check Box is used to filter data on any associated components. Enabling a check box will change the data displayed in the associated components.

Best Situation to use Check Box

  • To filter data displayed in the associated components

  • To select multiple items at a time

Default Checkbox Image

Properties of the Check Box filter

General

  • The user can change the height, width, top and left position of the check box filter component.

  • The user can set a name to the label and change its font color-style-weight-family from the General Properties.

  • If the Show Checked option is enabled, then by default a checkmark will get enabled.

  • Chrome color is used to set the component background, also the user can change its transparency.

  • A value can be set to the Checked Value so that when the user clicks on the check box, this value will get passed.

Please Note: If initial visibility is not enabled, then the chart won’t be available for the first preview.

Background

  • The user can get the reflection of the chart by enabling the shadow option.

  • The user can also change the color and increase/decrease the transparency of the shadow.

Modified Check box filter after changing its properties

Check Box Use Case

The following use case explains how to connect and use a Checkbox with a Data Grid component.

  • Drag a Data Grid component to the Designer canvas.

  • Associate a Data Connection with it.

  • Drag a Check Box component from the Filter group to the canvas.

  • Open the Check box Properties, provide the necessary properties, and apply them.

    • Provide the text for the Label.

    • Provide the Checked Value.

    • Keep the Unchecked Value blank.

    ​

  • Use the component object page to write the required script at the component level.

  • Configure the Condition tab by providing a field value for the conditions (the field State is chosen in the given image).

  • Click the Preview icon to preview the Dashboard.

  • Use a check mark in the given box to display the Checked Value in the chart.

  • Uncheck the Check Box to display the Unchecked Value in the chart (In this case, no value has been assigned as Unchecked Value so it will display all the records).

​

​​​

​​

​