Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline

New Group

New Contact

Generic placeholder image

Josephin Doei am not what happened . .

Generic placeholder image
Lary DoeAvalable
Generic placeholder image
Alicehear using Elite able
A
AliaAvalable
Generic placeholder image
SuzenAvalable
JD
Josephin DoeDon't send me image
Generic placeholder image
Lary Doenot send free msg
Desktop settings

you get lettest content at a time when data will updated

Application settings

Automaticaly take backup as par schedule

System settings

Allow to show public user message

Josephin Doe
Generic placeholder image

hello tell me something

about yourself?

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image
Generic placeholder image

can you help me?

8:20 a.m.

Basic example with custom formatter and colored selected region via CSS.

Range selector, options specified via data attribute.

Filter by price interval: € 10 € 1000
Sliders can be enabled and disabled.

Enabled
Using events to work with the values and style the selection and handles via CSS. The tooltip is disabled and diferent shapes for the handles.

R

G

B

Vertical slider with reversed values (largest to smallest).

Unusual tooltip positions

Destroy instance of slider by calling destroy() method on slider instance via JavaScript.

Able to bind to 'slide' JQuery event on slider, which is triggered whenever the slider is used.

Current Slider Value: 3
Tooltip can always be displayed.

Precision (number of places after the decimal) can be specified.

Setting custom handlers.

Using a custom step interval.

Coloring the low and high track segments.


Note that there is no low track on the single-value slider. The area to lesser than the value of the handle is the selection.


Using tick marks and labels.

Using tick marks at specific positions.

With a logarithmic scale.

Focus the slider handle after a value change.



Accessibility with ARIA labels

Auto-Register data-provide="slider" Elements

Slider-Elements initially hidden

Show
Create an input element wth the data-provide="slider" attribute automatically turns it into a slider. Options can be supplied via data-slider- attributes.

Highlight ranges on slider with rangeHighlights attribute 14

Using tick marks at specific positions..

Rtl mode (auto)

-5 20