Select2 pattern / AjaxSelectWidget

Esoth · November 17, 2016, 9:05pm

I like this widget for any kind of multi select field, but some users are thrown off by it looking like a text input. Are there any options for adding a down arrow or placeholder text?

Esoth · November 18, 2016, 8:50pm

It seems that the drop arrow is only available if it's a single select. I ended up inserting some css to add "+" on the right, similar to how selectize does it.

.select2-container-multi::after {
    color: #666;
    content: "+";
    position: absolute;
    right: 11px;
    top: 3px;
    z-index: 999;
}