Summary of features

Using plug-ins such as Select2 Bootstrap and Bootstrap-Multiselect can leave your forms looking inconsistent with other elements, but not with the COLOURcode template, which automatically styles these complex components to look identical to standard selects when not in use.

At a glance

  • Select2 Bootstrap and Bootstrap-Multiselect integrated with template.
  • Styled to look consistent with other form components/elements.
  • Styled to look consistent with validation and sizing.

Select2 Bootstrap ( default form )

Even though Select2 uses multiple spans to present its selects, the template styles these to look identical to normal template form elements.

Additional features:

Validation states:

text
text
text

Control sizes:

Inline form:

.00

Bootstrap-Multiselect ( default form )

Even though Bootstrap-Multiselect uses Bootstrap buttons to present its selects, the template styles these to look identical to normal template form elements.

Validation states:

Control sizes:

Select2 Bootstrap ( styled form )

Even though Select2 uses multiple spans to present its selects, the template styles these to look identical to normal template form elements.

Additional features:

Validation states:

text
text
text

Control sizes:

Inline form:

.00

Bootstrap-Multiselect ( styled form )

Even though Bootstrap-Multiselect uses Bootstrap buttons to present its selects, the template styles these to look identical to normal template form elements.

Validation states:

Control sizes:

Select2 Bootstrap ( in coloured panel )

Even though Select2 uses multiple spans to present its selects, the template styles these to look identical to normal template form elements.

Additional features:

Validation states:

text
text
text

Control sizes:

Inline form:

.00

Bootstrap-Multiselect ( in coloured panel )

Even though Bootstrap-Multiselect uses Bootstrap buttons to present its selects, the template styles these to look identical to normal template form elements.

Validation states:

Control sizes: