# Receiving data from range slider in dashboard

**URL:** <https://forums.losant.com/t/receiving-data-from-range-slider-in-dashboard/3945>\
**Category:** Help\
**Tags:** dashboard, workflow\
**Created:** [July 21, 2021, 8:34pm UTC](https://forums.losant.com/t/receiving-data-from-range-slider-in-dashboard/3945 "2021-07-21T20:34:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jackson\_Miller](https://avatars.discourse-cdn.com/v4/letter/j/b9e5f3/32.png) [@Jackson\_Miller](https://forums.losant.com/u/Jackson_Miller)\
**Post date:** [July 21, 2021, 8:34pm UTC](https://forums.losant.com/t/receiving-data-from-range-slider-in-dashboard/3945/1 "2021-07-21T20:34:18Z")

</div>

Hello, I am having issues getting the data from the slider object in a dashboard. Currently, I have added a slider({{range-0}} and a submit button that sends a payload with the following to a workflow:  
{

“range-0”: “{{range-0}}”

}

I want to receive the number that the user has submitted and display it in a gauge block in the same dashboard that is permanently stored until the user changes it again. How would I go about doing this? Here are some screenshots of what I have so far.

 ![screenshot1](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/3/3c1acb047fd98d4b914f99020d4ad2d713e5c61c.png)  
 ![screenshot2](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/4/44225f7df274a2e0f7bc95f7df8eff4507618183.png)  
 ![screenshot3](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/0/0e9725456591577a3380147c58d359d90b156e8a.png)  
 ![screenshot4](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/0/03267da3834ad0c69cee9adb6a3e7f8cd757c24b.png)

Thank you!

---

<div class="post-metadata">

**Author:** ![Heath](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/heath/32/3036_2.png) [@Heath](https://forums.losant.com/u/Heath)\
**Post date:** [July 21, 2021, 9:05pm UTC](https://forums.losant.com/t/receiving-data-from-range-slider-in-dashboard/3945/3 "2021-07-21T21:05:49Z")

</div>

Hey @Jackson_Miller,

When you’re using an Input Control block to trigger a workflow with a Virtual Button, you don’t actually have to put anything in the example configuration of the Virtual Button.

Once you have your Input Control Block set up, I would highly recommend putting a [Debug Node](https://docs.losant.com/workflows/outputs/debug/) at the end of the flow with the Virtual Button. This will allow you to see your workflow context at that point in your workflow.

For example, I have this input control block:

![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/f/f171bc96297169a408766a1bec5008424c1f05ac.png)

Here’s its configuration:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/a/a7be8a29055f0bbb8514cab489266d9a30fb53ca.png)

Then I’ve got this workflow with a Virtual Button named “Click this one” and a debug node:

![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/a/a934bd4be49490579ec3f78ffaa595b00db140c8.png)

Then in my debug panel, once I click the submit button on my Input Control Block, you can see the value you sent in the `data` object of the debug message:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/e/e59114efca1eafaceca5bbc610d05a3cb4cdd076.png)

**Note:** this will require you to have the dashboard open in one tab and the workflow open in another tab.

You can read more about the Input Control Block in [our documentation](https://docs.losant.com/dashboards/input-controls/).

Now, for displaying that data in a gauge block on the same page…

Dashboards display data from [Device State](https://docs.losant.com/devices/state/). So, to display the value that has been submitted via the Input Control block, you can [create a Device](https://docs.losant.com/getting-started/walkthrough/#step-3-add-the-device), then use a [Device: State Node](https://docs.losant.com/workflows/outputs/device-state/) to report the state of that device with that value from the Input Control Block.

Then, in your [Gauge Block](https://docs.losant.com/dashboards/gauge/), you can configure the block as follows:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/e/e674b279677fde04be4802a81a5a6d9d312016c6.png)

With the data type set to Historical, Duration set to Last Received Data Point, and the attribute aggregation set to Last.

This setup will, though, require you to refresh the dashboard after you press the button if you would like to immediately see the change. Otherwise, the change will show once the [Dashboard Refreshes](https://docs.losant.com/dashboards/overview/#auto-refreshing).

Let me know if this helps!

Thank you,  
Heath

---

<div class="post-metadata">

**Author:** ![Jackson\_Miller](https://avatars.discourse-cdn.com/v4/letter/j/b9e5f3/32.png) [@Jackson\_Miller](https://forums.losant.com/u/Jackson_Miller)\
**Post date:** [July 21, 2021, 9:28pm UTC](https://forums.losant.com/t/receiving-data-from-range-slider-in-dashboard/3945/4 "2021-07-21T21:28:02Z")

</div>

Great, thank you very much Heath! Everything is working as expected.