286 lines
17 KiB
Plaintext
286 lines
17 KiB
Plaintext
- var select2 = true;
|
|
- var page_select2 = true;
|
|
- var theme_customizer = true;
|
|
|
|
doctype html
|
|
html(lang='en')
|
|
include ../../components/header-files
|
|
body
|
|
include ../../components/loader
|
|
// page-wrapper Start
|
|
#pageWrapper.page-wrapper
|
|
include ../../components/header
|
|
// Page Body Start
|
|
.page-body-wrapper.horizontal-menu
|
|
include ../../components/sidebar
|
|
.page-body
|
|
.container-fluid
|
|
.page-header
|
|
.row
|
|
.col-sm-6
|
|
h3
|
|
| Select2
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
| Home
|
|
li.breadcrumb-item Forms
|
|
li.breadcrumb-item Form Widgets
|
|
li.breadcrumb-item.active Select2
|
|
.col-sm-6
|
|
include ../../components/bookmark
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
.select2-drpdwn
|
|
.row
|
|
// Default Textbox start
|
|
.col-md-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5.card-title Select-2
|
|
.card-body
|
|
.mb-2
|
|
label.col-form-label Default Placeholder
|
|
select.js-example-placeholder-multiple.col-sm-12(multiple='multiple')
|
|
option(value='AL') Alabama
|
|
option(value='WY') Wyoming
|
|
option(value='WY') Coming
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
.mb-2
|
|
label.col-form-label Select2 single select
|
|
select.js-example-basic-single.col-sm-12
|
|
optgroup(label='Developer')
|
|
option(value='AL') Alabama
|
|
option(value='WY') Wyoming
|
|
optgroup(label='Designer')
|
|
option(value='WY') Peter
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
.mb-2
|
|
label.col-form-label Select2 multi select
|
|
select.js-example-basic-multiple.col-sm-12(multiple='multiple')
|
|
option(value='AL') Alabama
|
|
option(value='WY') Wyoming
|
|
option(value='WY') Coming
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
.mb-2
|
|
label.col-form-label RTL support
|
|
select.js-example-rtl.col-sm-12(multiple='multiple')
|
|
option(value='AL') Alabama
|
|
option(value='WY') Wyoming
|
|
option(value='WY') Coming
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
.mb-2
|
|
label.col-form-label Limiting The Number Of Selections
|
|
select.js-example-basic-multiple-limit.col-sm-12(multiple='multiple')
|
|
option(value='AL') Alabama
|
|
option(value='WY') Wyoming
|
|
option(value='WY') Coming
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
.mb-2
|
|
label.col-form-label Disabled Results
|
|
select.js-example-disabled-results.col-sm-12
|
|
option(value='one') First
|
|
option(value='two', disabled='disabled')
|
|
| Second
|
|
| (disabled)
|
|
option(value='three') Third
|
|
div
|
|
label.col-form-label Hiding The Search Box
|
|
select.js-example-basic-hide-search.col-sm-12(multiple='multiple')
|
|
optgroup(label='Developer')
|
|
option(value='AL') Smith
|
|
option(value='WY') Peter
|
|
option(value='WY') James
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
option(value='WY') Harry Poter
|
|
div
|
|
label.col-form-label Enable-Disable
|
|
select.js-example-disabled.col-sm-10
|
|
option(value='AL') Smith
|
|
option(value='WY') Peter
|
|
option(value='WY') James
|
|
option(value='WY') Hanry Die
|
|
option(value='WY') John Doe
|
|
option(value='WY') Harry Poter
|
|
button.btn.btn-primary.js-programmatic-enable.p-2.mt-2
|
|
| Enable
|
|
button.btn.btn-secondary.js-programmatic-disable.p-2.mt-2
|
|
| Disable
|
|
// Default Textbox end
|
|
// Input Groups start
|
|
.col-md-6
|
|
.card
|
|
.card-header.pb-0
|
|
h5.card-title Outline Color Variant
|
|
.card-body
|
|
.mb-2
|
|
label.col-form-label Primary Select
|
|
select.form-control.form-control-primary.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Secondary Select
|
|
select.form-control.form-control-secondary.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Success Select
|
|
select.form-control.form-control-success.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Info Select
|
|
select.form-control.form-control-info.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Warning Select
|
|
select.form-control.form-control-warning.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Danger Select
|
|
select.form-control.form-control-danger.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
div
|
|
label.col-form-label Inverse Select
|
|
select.form-control.form-control-inverse.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.col-md-6
|
|
.card
|
|
.card-header.pb-0
|
|
h5.card-title Full Colored Variant
|
|
.card-body
|
|
.mb-2
|
|
label.col-form-label Primary Select
|
|
select.form-control.form-control-primary-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Secondary Select
|
|
select.form-control.form-control-secondary-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Success Select
|
|
select.form-control.form-control-success-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Info Select
|
|
select.form-control.form-control-info-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Warning Select
|
|
select.form-control.form-control-warning-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
.mb-2
|
|
label.col-form-label Danger Select
|
|
select.form-control.form-control-danger-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
div
|
|
label.col-form-label Inverse Select
|
|
select.form-control.form-control-inverse-fill.btn-square(name='select')
|
|
option(value='opt1') Select One Value Only
|
|
option(value='opt2') Type 2
|
|
option(value='opt3') Type 3
|
|
option(value='opt4') Type 4
|
|
option(value='opt5') Type 5
|
|
option(value='opt6') Type 6
|
|
option(value='opt7') Type 7
|
|
option(value='opt8') Type 8
|
|
// Input Groups end
|
|
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|