User Interface
Radios and Checkboxes
4
WYSIWYG
Ace - Code Editor
Simplemde - Markdown Editor
Selects
Single Select
Multi Select
Ranges
Start without params
Set min value, max value and start point
Set type to double and specify range, also showing grid and adding prefix "$"
Set up range with negative values
Using step 250
Set up range with fractional values, using fractional step
Set up you own numbers
Using any strings as your values
One more example with strings
No prettify. Big numbers are ugly and unreadable
Prettify enabled. Much better!
Don't like space as separator? Use anything you like!
Using prefixes
Using postfixes
Want to show that max number is not the biggest one?
Taking care about how from and to values connect? Use decorate_both option:
Remove double decoration
Use your own separator symbol with values_separator option. Like →
Or " to ":
You can disable all the sliders visual details, if you wish. Like this:
Or hide any part you wish
And some more
And some more
Toastr
Date Picker
Date Field
Time Field
DateTime Field
Date Range Field
DateTime Range Field
Input Fields
Mask Input
Tag Field
Knobs and Dials
Prettify
/**
* Prettyfy
*/
$(window).on('prettify-init', function(e, target) {
var loaded = false;
acquire.load(
'system/prettify/prettify',
function() {
if(!loaded) {
PR.prettyPrint();
loaded = true;
}
}
);
});
Danger Title
Body
Inverse Title
Body
Yellow Title
Body
Info Title
Body
List Group
Basic Example
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Active items
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Disabled items
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros