PhotonUI logo

PhotonUI

A javascript framework to create user interfaces

Slider

​x
var slider = new photonui.Slider({
    fieldVisible: true,
    min: 0, max: 100,
    step: 10,
    value: 50
});
​
photonui.domInsert(slider, "demo");
​

Class Reference

More examples

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var box = new photonui.BoxLayout({

    children: [

        new photonui.Slider({

            fieldVisible: false,

            min: 0, max: 100,

            step: 5,

            value: 50

        }),

        new photonui.Slider({

            fieldVisible: true,

            min: -100, max: 100,

            step: 10,

            value: -50

        }),

        new photonui.Slider({

            fieldVisible: true,

            min: 0, max: 1,

            decimalDigits: 2,

            decimalSymbol: ".",

            step: 0.05,

            value: 0.5

        })

    ]

});



photonui.domInsert(box, "demo");