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.

It is the must need Date Picker with all possible options available. You can tweak the settings whatever you required for Date selection.

Launch switches on modal
Colors
Bootstrap Switch Button implements all standard bootstrap 4 button colors.
Outline Colors
Bootstrap Switch Button implements all standard bootstrap 4 button outline colors.
Dark Theme Colors
Bootstrap Switch Button colors look great on dark backgrounds.
Dark Theme Outline Colors
Bootstrap Switch Button colors look great on dark backgrounds.
Custom Text
The text can be changed easily with attributes or options.
HTML, Icons, Images
You can easily add icons or images since html is supported for on/off text.
Multiple Lines of Text
Toggles with multiple lines will adjust its heights.
Animation Speed
Transition speed can be easily controlled with css transition property on .switch-group. You can also turn animation off completely.
Stacked checkboxes
Simply add data-toggle="switchbutton" to convert checkboxes into toggles.
Event Propagation
Note All events are propagated to and from input element to the switch-button.
Methods
Methods can be used to control a switch button directly.
Method Demo Description
initialize Initializes the switch-button with options
destroy Destroys the switch-button
on Sets the switch-button to 'On' state
off Sets the switch-button to 'Off' state
toggle Toggles the state of the switch-button
enable Enables the switch-button
disable Disables the switch-button