Categories

.uiSlider()

Categories: UI

ep.uiSlider( options )

Subclass: ep

Inherit: (Subclass: ep) .slider()

Plugin: ep.ui.slider

Description: Create a slider with label (value and unit) and (optional) info bubble

  • ep.uiSlider( options )

    version added: 6.15.0

    options   A map of additional options pass to the method.

The ep.uiSlider() creates a slider with a label (value and (optional) unit) and an (optional) info bubble.

  • Create a simple slider with unit pixel and info bubble. Options are passed in data attribute. (Could just as well be passed via options map.)

    HTML:
    <div id="uiSlider" data-ep-ui-slider='{"value" : 5, "unit" : "pixel", "max" : 10, "min" : 0, "label" : "Height", "info" : {"src" : "./../BO/icons/ico_s_bubblehelp.png", "alt" : "Info text about height settings"}}'></div>
    
    Code:
    ep('#uiSlider').uiSlider();
    
    
  • label

    version added: 6.15.0

    The label (text).

    Default: ""

  • info

    version added: 6.15.0

    A map with keys "src" and "alt" specifying the info bubble to appear next to the label.

    Default: null

  • unit

    version added: 6.15.0

    The unit (text).

    Default: ""