BsMultiSelect

Overview

The DashboardCode Multiselect plugin for Bootstrap 5 is a versatile plugin that allows users to select multiple options from a dropdown menu. It can be used with or without external CSS and supports Bootstrap 4 styles and classes. The plugin offers various features such as custom validation, form validation, RTL (Right To Left) support, options manipulation API, and more. It follows Bootstrap 5 conventions and can be easily adjusted for different Bootstrap themes.

Features

• Floating Labels: Supports floating labels feature in Bootstrap 5.
• Load UMD package to window.dashboardcode.BsMultiselect: Allows loading the UMD package to the window.dashboardcode.BsMultiselect object.
• Custom Validation: Provides support for custom validation in Bootstrap 4 version.
• HTML Form Validation: Supports HTML form validation in Bootstrap 4 version.
• Right To Left (RTL): Supports RTL language support in Bootstrap 4 version.
• ES6 module, no jquery: Uses ES6 module and does not require jQuery in Bootstrap 4 version.
• Options manipulation API: Provides an API to manipulate options in the Bootstrap 4 version.
• Columns and ’no results warning’: Supports displaying options in columns and showing a warning when there are no results in the Bootstrap 4 version.
• Popup Maximum Height and Scroll Bar: Allows setting a maximum height for the popup and displaying a scroll bar when needed in the Bootstrap 4 version.
• Custom items styling: Supports custom styling of items in the Bootstrap 4 version.
• Filter’s highlighting: Highlights the filter text in the dropdown menu in the Bootstrap 4 version.

Installation

To install the DashboardCode Multiselect plugin, you can use either npm or CDN.

npm Installation

Run the following command to install the plugin using npm:

npm install @dashboardcode/bsmultiselect

CDN Installation

Refer to the following CDN links to include the plugin in your project:

Bootstrap 5:

<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.esm.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/css/BsMultiSelect.min.css">

Bootstrap 4:

<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.bs4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.bs4.min.js"></script>

Summary

The DashboardCode Multiselect plugin for Bootstrap 5 is a feature-rich plugin that allows users to select multiple options from a dropdown menu. It offers various features such as custom validation, form validation, RTL support, and more. The plugin can be easily installed using npm or CDN. It follows Bootstrap 5 conventions and can be adjusted for different Bootstrap themes without editing CSS.