DashboardCode Multiselect Plugin for Bootstrap 5

BsMultiselect

Multiselect JQuery Plugin for Bootstrap 5

dashboardcode.BsMultiSelect("#myElement");
$("#myElement").bsMultiSelect(); // jquery

Set .was-validated to form

Right-to-left bootstrap multiselect demo (campare with plain input):

شاعران پارسی

درست

ضروری

زبان فارسی

درست

ضروری

BS Floating label:

شاعران پارسی

درست

ضروری

Steps:

(1) Add dir="rtl" into DOM chierarchy, on any ancestor, e.g.:

<form dir="rtl">...</form>

(2) Patch the BS4 .was-validated problem - there are no way to exclude BS4/BS5 styling for concreate `.was-validated :valid` or `.was-validated :invalid` control:

<style>
    .was-validated .dashboardcode-bsmultiselect .form-check-input:valid:checked {
        border-color: var(--bs-primary);
        background-color: var(--bs-primary);
    }
    .was-validated .dashboardcode-bsmultiselect .form-check-input:valid:not(:checked) {
        border-color: #adb5bd;
    } 
</style>