JSBarSlider - Create Slider

Knob Controls

    
        KNOB
        Width:px
      
        Colour:
        Height:px
      
        BORDER
        Size:px
      
        Colour:
       Style:
        
        Text
      
        Font:
      
        Colour:
        Size:

Track Controls

    
        Track Length:px
      
        Track Width:px
      
        Track Colour:
      
        Path Width:px
      
        Path Style:
        
        Path Colour:

Computing Instructions

    
        Min. Unit Value:
      
        Max. Unit Value:
      
        Pixels Per Unit:px
      
        Unit Increments:

Instructions

    Refer to the documentation
for complete instructions
    
    This is a dynamic code generator. Entering values and then clicking the modify button will cause your
    changes to be applied to the visible slider.
    
    Note: You can not directly set the length of the slider track. The length is computed by the formula:
   
   (((Max.Value - Min Value) / Increment) x Pixels Per Unit) + (Pixels Per Unit x 2)

Copy & Paste Code Window

BORDER		Size:	px
Colour:		Style:

Text
Font:
Colour:		Size:

BORDER		Size:
Colour:		Style:

Track Length:	px
Track Width:	px
Track Colour:

Path Width:	px
Path Style:
Path Colour:

Track Colour:

Path Width:	px
Path Style:
Path Colour:

Min. Unit Value:
Max. Unit Value:

Pixels Per Unit:	px
Unit Increments:

Name Slider:

KNOB		Width:	px
Colour:		Height:	px