Selectbox
Last updated
Last updated
Default select depends on . Make sure it's included inside the <body>
before core template script inclusions.
Add .cs-select
and .cs-skin-slide
to any <select>
control to add a cool animation effect
Step one
Include the stylesheet select2.css
inside the <head>
if it's not there already.
Step two
Include the required javascript files inside the <body>
before core template script inclusions, if they are not there already.
Step three
Append data attribute data-init-plugin="select2"
to initialize any <select>
automatically with basic options. Avoid auto-initializing when you want to have advance options
Step four
Apply the plugin to your desired element
jQuery validation and select2 is not directly compatible. Use the following code to fix it
Pages uses jQuery plugin for advance selects with search facility. Follow these steps to initialize the plugin