PHPackages                             dft/silverstripe-frontend-multiselectfield - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File & Storage](/categories/file-storage)
4. /
5. dft/silverstripe-frontend-multiselectfield

ActiveSilverstripe-vendormodule[File & Storage](/categories/file-storage)

dft/silverstripe-frontend-multiselectfield
==========================================

A Silverstripe image gallery allowing multi image upload and automatic generation of thumbnail gallery with popups

1.0.0(1y ago)03.0k1BSD-3-ClauseJavaScript

Since Feb 11Pushed 1y ago1 watchersCompare

[ Source](https://github.com/Dean-Forest-Tech/silverstripe-frontend-multiselectfield)[ Packagist](https://packagist.org/packages/dft/silverstripe-frontend-multiselectfield)[ Docs](http://github.com/Dean-Forest-Tech/silverstripe-frontend-multiselectfield)[ RSS](/packages/dft-silverstripe-frontend-multiselectfield/feed)WikiDiscussions 1 Synced 1mo ago

READMEChangelogDependencies (1)Versions (2)Used By (1)

Silverstripe Frontend Multi Select Field
========================================

[](#silverstripe-frontend-multi-select-field)

If you find this module helpful, please consider **[dropping us a donation](https://github.com/sponsors/Dean-Forest-Tech)** via GitHub sponsors.

With the move to React components in Silverstripe 4 and 5, it gets harder to load admin components into the frontend of your site.

This module adds `ListBox` style functionality to frontend forms using a wrapper around a basic select(`DropdownField`) elements that adds functionality and styling from the multi-select-dropdown by [codeshackio](https://github.com/codeshackio/multi-select-dropdown-js). More info on this project can be found here:

[![Multiselect Field Preview](./screenshot.png "How the multi select field appears")](./screenshot.png)

Installation
------------

[](#installation)

Install this module via composer:

```
compose require dft/silverstripe-frontend-multiselectfield

```

Adding to a form
----------------

[](#adding-to-a-form)

Just add this field to your frontend form like you would any other field, for example:

```
$form = Form::create(
    FieldList::create(
        FrontendMultiSelectField::create(
            'Fruit',
            'Fruit',
            Fruit::get()
                ->map('ID', 'Title')
                ->toArray()
        )
    ),
    FieldList::create(
        FormAction::create(
            'doMyAction',
            'Submit Form'
        )
    )
);
```

Configuring
-----------

[](#configuring)

This field supports some configuration out of the box:

`require_client` (default `true`): By default, this field injects some javascript and CSS into your site to style this field. If you want to add this JS and CSS to your own theme's bundle, you can disable this feature by using Silverstripe's global config:

```
DFT\SilverStripe\FrontendMultiSelectField\FrontendMultiSelectField:
    require_client: false
```

`search` (default `true`): By default this field loads a search form to filter possible values. You can disable the search form by setting `setSearch` to false (this can be done on a field by field bases) when you load the field:

```
FrontendMultiSelectField::create(
    'Fruit',
    'Fruit',
    Fruit::get()
        ->map('ID', 'Title')
        ->toArray()
)->setSearch(false);
```

`select_all` (default `true`): By default this field adds a "select all" button. You can disable this by setting `setSelectAll` to false (this can be done on a field by field bases) when you load the field:

```
FrontendMultiSelectField::create(
    'Fruit',
    'Fruit',
    Fruit::get()
        ->map('ID', 'Title')
        ->toArray()
)->setSelectAll(false);
```

`limit` (default 0): Limit allows you to limit the number of items that can be selected. By default this is disabled (set to 0), if you want to limit the number of items, you can use:

```
FrontendMultiSelectField::create(
    'Fruit',
    'Fruit',
    Fruit::get()
        ->map('ID', 'Title')
        ->toArray()
)->limit(5); // Limits to a maximum of 5 items
```

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance46

Moderate activity, may be stable

Popularity19

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity37

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

452d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/c7d4998767cb41bf0048a65158559384fbab33751b26c996d6367019c68c4f8b?d=identicon)[DFT](/maintainers/DFT)

---

Top Contributors

[![mlewis-everley](https://avatars.githubusercontent.com/u/687143?v=4)](https://github.com/mlewis-everley "mlewis-everley (21 commits)")

---

Tags

dropdownformformssilverstripesilverstripe-4silverstripe-5silverstripefielddropdownFormsmulti-select

### Embed Badge

![Health badge](/badges/dft-silverstripe-frontend-multiselectfield/health.svg)

```
[![Health](https://phpackages.com/badges/dft-silverstripe-frontend-multiselectfield/health.svg)](https://phpackages.com/packages/dft-silverstripe-frontend-multiselectfield)
```

###  Alternatives

[unclecheese/dropzone

An HTML5 upload field for the CMS and frontend forms.

46130.7k6](/packages/unclecheese-dropzone)[bummzack/sortablefile

An extension for SilverStripe that adds sorting to UploadField.

70622.7k54](/packages/bummzack-sortablefile)[silverstripe/s3

Adds SilverStripe support for using the S3 adapter for Flysystem

20297.0k1](/packages/silverstripe-s3)[axllent/silverstripe-scaled-uploads

Automatically scale down and rotate uploaded images for Silverstripe

2580.3k8](/packages/axllent-silverstripe-scaled-uploads)[axllent/silverstripe-image-optimiser

Automatically optimise all uploaded & resampled images in Silverstripe

1118.4k2](/packages/axllent-silverstripe-image-optimiser)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)