InsideSales.com
InsideSales.com
InsideSales.com Menu

How to Build User Input Control

Highlights

Component User Input Control (Text Field / Drop-Down List / Date Picker)
Overview The User Input Control component lets you use a Text Field or Drop-Down List to cycle through different data selections on your dashboard. The values that you can select are determined by what variables your organization has set up.
Key Features Set the scope of the component to Tab or Widget level.
Use a Text Field to search for values directly on your dashboard
Use a Drop-Down List to select which values to show on your dashboard
Use a Date Picker to select a data value
Important In order for the User Input Control component to work, you will first need to set up variables and use those variables in other Widgets on your dashboard.
Learn more: How to use variables.
Video User Input Control component and variables

Overview

The User Input Control component does exactly what its name suggests: it allows you to select values on your dashboard based on what variables you’ve assigned to that component. The control can either be a Text Field that works like a search function, or a Drop-Down List that provides preset options for you to use. The most important thing to know about the User Input Control component is that it uses variables to determine what data to show. The User Input Control can be set to control values at the Widget or at the tab level.

Here is an example of the User Input Control component using the Text Field control in a multi-component Widget:

Component Structure

Text Field

Here is the structure of the User Input Control component using the Text Field control type:

Drop-Down List

Here is the structure of the User Input Control component using the Drop-Down List control type:

Date Picker

Here is the structure of the User Input Control component using the Date Picker control type:

Overview of each sub-component

  • Drop-Down List. Set properties such as the variable to be used and property scope (Widget- or tab-level).
  • Values. Set the values to be used in the Drop-Down List. You can modify how these values appear using the Labels sub-component.
  • Labels. Modify the values used in the Values component and provide custom labels.

Setting the Variable

This section details how to set the variable that the User Input Control component will use. To learn more about variables, see how to use variables.

  1. Depending on the control type used, select either the Drop-Down List, Text field, or the Date Picker component.
  2. Select a variable from the Set Value for menu.
  3. Provide a default value for the component to use.

Key Features

This section provides examples of different ways to use the User Input Control component.

Property Scope

The Property Scope will determine what level your User Input Control component will control. It’s important to note that only Widgets and components that have variables associated with them will be affected by this component. There are two options for the Property Scope: Tab scope, and Widget scope.

Tab scope

Setting the User Input Control component to Tab scope will tell it to control the values shown in any Widgets on the same tab (provided they use the same variable).

Widget scope

If you are using the User Input Control component as part of a multi-component Widget, you will need to set the property scope to Widget scope.

User Input Control component Source Code

You can use this Source Code to create multi-component Widget

{
         "type": "input",
         "displayName": "Drop-Down List",
         "fmtArgs": {},
         "vis": true,
         "components": [
            {
               "type": "proxy",
               "displayName": "Values",
               "fmtArgs": {},
               "role": "values",
               "vis": true,
               "formulas": [],
               "data": [
                  []
               ]
            },
            {
               "type": "proxy",
               "displayName": "Labels",
               "fmtArgs": {},
               "role": "labels",
               "vis": true,
               "formulas": [],
               "data": []
            }
         ],
         "inputLabel": "",
         "inputType": 1,
         "propName": "",
         "scope": 2
      }

Learn more


Important concepts

These articles provide essential information about Klip building that you can apply to your User Input Control components:

Related examples

Release Notes

Find our most recent release notes.

Forum

Our InsideSales.com community forum is coming soon.

Advanced Training Guides

Advanced training for the PowerDialer for Salesforce.

Have questions?

We're happy to help. An InsideSales.com expert is just a phone call away.

(866) 593-2807

Mon-Fri 6-7 MST

Back To Top

© 2004–2014 InsideSales.com, Inc. all rights reserved. Use of the InsideSales.com service and this Web site constitutes acceptance of our Terms of Use and Privacy Policy. InsideSales.com technology is protected by the following United States Patents: 8078605, 8325738, 8352389, 8510382, 8566419.