Control widgets such Switch or Slider allows easy remote device control right from Ubidots Dashboards.

Table of Contents

1. Create a Switch widget.
2. Create a Slider widget.

1. Create a Switch widget

The "Switch" widget is a simple on/off function that remotely controls a device using variable settings of "1" or "0". For example, you have connected a device to your garage door. By setting a variable to "1" a user can open the garage door. Conversely a "0" command will close the door.

Following the below steps you will be able to create a Switch widget to shift a variable between defined states:

Step 1: Click on the top-right "+" button. Drawer menu with widgets options opens.
Step 2: Click on Switch. Drawer menu displays setup options.
Step 3: Add the variables to control.
IMPORTANT NOTE: if widget is Dynamic, that is, on a Dynamic Dashboard, you need to write down the labels of the variables to control.

Step 4: Enter On/Off values and messages.
Step 5: Choose color with the color picker.
Step 6: Name the widget to display a title.
Step 7: Save the configuration.

2. Create a Slider widget

The "Slider" widget let users enter data in a given range, whether to control devices remotely or simply log values manually.


Following the below steps you will be able to create a Slider widget to enter values to a variable in a range or fixed steps:

Step 1: Click on the top-right "+" button.
Step 2: Click on Slider.
Step 3: Add the variables to control.
IMPORTANT NOTE: if the widget is Dynamic, that is, on a Dynamic Dashboard, you need to write down the labels of the variables.

Step 4: Select one from the below 2 operating options:

– Range of values defined by:

  • Maximum value
  • Minimum value
  • Step of value increments

– Set Custom steps: Fixed positional values with optional text labels and color.

  • Distribute steps evenly toggle: displays steps at the same distance when the steps are not sequential.
  • Enter at least 2 Steps with the value, optional Text label and Color.

Step 5: Choose color with the color picker. Overwritten in case of Custom steps
Step 7: Fill the Appearance section.

Other users also found helpful...

Did this answer your question?