Forum Discussion

SamGriffin-cf9c's avatar
SamGriffin-cf9c
Community Member
2 years ago

Using Arrow Keys with a Slider

Hello,

A client would like to enable the use of left/right arrow keys to move a slider as well as have the current mouse option of moving through the slider. I have researched, but cannot find an approach that works for me. I would appreciate any help or direction with this issue.  I have attached a sample of the slide for reference. 

Thank you.

  • SteveGannon's avatar
    SteveGannon
    Community Member

    The slider needs to have focus. If the user either clicks anywhere on the slider track or thumb, or presses the TAB key to navigate to the slider, that will make the slider the active object, and then the arrow keys will function. 

    • EricSchaffer-d1's avatar
      EricSchaffer-d1
      Community Member

      Steve, Am I understanding your reply correctly. When the learner clicks on the slider it then has focus and not until the user clicks on the slider? If the learner, then click on something else the slider will lose focus and the right /left arrow will not work until the slider is clicked on again?

  • SteveGannon's avatar
    SteveGannon
    Community Member

    Correct. You can verify this using UC Davis Health's .story file above.

  • MichaelHinze's avatar
    MichaelHinze
    Community Member

    You could try adding keypress (for <> keys) triggers that add/subtract 1 from the slider variable.