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 &amp; Storage](/categories/file-storage)
4. /
5. dft/silverstripe-frontend-multiselectfield

ActiveSilverstripe-vendormodule[File &amp; 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.0k11BSD-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 today

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

29

—

LowBetter than 57% of packages

Maintenance40

Moderate activity, may be stable

Popularity19

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity38

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

508d 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

[silverstripe/cms

The SilverStripe Content Management System

5253.6M1.4k](/packages/silverstripe-cms)[unclecheese/dropzone

An HTML5 upload field for the CMS and frontend forms.

47131.5k6](/packages/unclecheese-dropzone)[silverstripe/tagfield

Tag field for SilverStripe

561.3M50](/packages/silverstripe-tagfield)[silverstripe/admin

SilverStripe admin interface

262.8M385](/packages/silverstripe-admin)[axllent/silverstripe-scaled-uploads

Automatically scale down and rotate uploaded images for Silverstripe

2484.9k10](/packages/axllent-silverstripe-scaled-uploads)

PHPackages © 2026

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