How can I connect text input box to slider control?

[jchicky]

I have a text input box that allows a user to enter a number. I would like to add a slider control next to it so they have the option to use a slider control. The slider would allow for quick changes, whereas the input box would allow for more precise inputs (especially in cases where there is a slider with a huge min-max range).

What is the best way to connect both of these? So if a user enters a number in the input box, the slider automatically moves its position to where that number is, and vice versa. If the user moves the slider, the input box updates to show the number that the slider is on.

[jchicky]

This solution worked best for me, thanks! Do you know of a way to enhance this even further by having the input box mimic the slider as it’s being moved around? Right now, the input box updates after the user let’s go of the slider. Essentially, I’m trying to see if there’s a way to have the input box serve as the slider’s “show value” feature. If I can do that then I can turn off the “show value” switch.

[RussW]

Hi jchicky,

It's possible by setting up a few things:

1. create a label (example: lblSlider1Value) with the exact size of your text input box (example: txtSlider1Value)
2. adjust the border size so that both match in size and color
3. place the label over your text input box
4. Slider1.OnSelect set to UpdateContext ({lblVisible: true, txtBoxVisible: false}) < this will give you the desired result of the number changing while the slider is being adjusted
5. lblSlider1Value.OnSelect set to UpdateContext ([lblVisible: !lblVisible, txtBoxVisible: !txtBoxVisible}) < this lets you manually enter a number in the text input box when you click in the area of the text input/label
6. lblSlider1Value.Visible set to lblVisible
7. txtSlider1Value.Visible set to txtBoxVisible
8. Set Slider1.ShowValue to False

The only slight drawback to this approach is when you go to click in the text box to input your number, you are forced to click twice as the visible property goes through the change over and the text input box takes the second click. I couldn't see any other property in the slider control (like a trigger when the mouse button or finger tap is released from the screen... like an OnRelease event or something, so this is the best cleanest alternative I can come up with)...

Hmmm... maybe we can request that be added to the properties of the slider control: OnPress and OnRelease behaviors to trigger something else. Then we can update the context of the visible properties and have the best of all worlds. You could then be clicking or tapping in the text box on the first click or tap.

Hope that makes sense and helps out.

Russ

[markvogt]

THIS solution has a serious FLAW: it CAN'T remember any PREVIOUS state of the control 😮

REASON:
NONE of your formulae (for the Default or OnChange values of either control) make ANY reference to Parent.Default :-? 

SO... 
This solution might work here & now on a form... but once you SAVE that data and then later try to RETRIEVE IT... 
... NONE of the PREVIOUS values would be retrieved 😮 

WORKING on a solution which checks for any Parent.Default values, and will post shortly (I hope)... 

-Mark in North Aurora

[LPLPowerAppUser]

@timl @markvogt
Have you guys ever figured this out? I am experiencing the same problem when trying to receive the Parent Default when editing a form

[timl]

@LPLPowerAppUser 

Since the text input and slider control values derive their values from the dataValue variable, adapting this to work on a Form is a case of initialising the dataValue to the target value.

Your app presumably contains some control to load the record that's shown on the form - eg, a button or the OnSelect of a gallery. You would initialise the variable in the same place.