1.5.0developmentAssociation UI: Selector (Materie)

Search and select associated entries (Fork from »Association UI: Selector« with different UI design)

Clone URLhttps://github.com/animaux/association_ui_selector_materie.git

Add as a submodulegit submodule add https://github.com/animaux/association_ui_selector_materie.git extensions/association_ui_selector_materie --recursive




Association UI for Symphony: Selector (Materie)

Fork from »Association UI: Selector« with different UI design. Needs to be used together with Association UI: Editor (Materie)!

Interface preview

Selector provides a search and select interface for associative Symphony fields. It works with core select boxes and tag lists as well as with Association fields.


  1. Upload Selector to your extensions folder.
  2. Enable Selector in the backend.
  3. Add an associative field to your section and choose one of the interface.

Please keep in mind that interface are only available in combination with dynamic values, if you are using default select boxes or tag lists.


There are two modes:

  • single select
  • multiple select


Sorting is currently only available for Association fields.

Custom Captions

It’s possible to include markup in your related field in order to create more informative item captions. Selector bundles styles for text, image previews and emphasis. If you’d like to combine multiple field values into a single caption, please take a look at Reflection field.

Basic Reflection field expressions

You can create a second row with a standard <br />. Emphasized text will be displayed in grey. The Reflection field can access fields by entry/[fieldname]. For example:

xsl {entry/title}<br/><em>{entry/upload/filename}</em>

If you want to display an image thumbnail you can make use of JIT. An image size of 35×35px works best. Using this Reflection field fork mentioned here, you can use {root} to create a dynamic URL:

xml <img src='{root}/image/2/48/48/5/{entry/upload/filename}' /> {entry/title}<br/><em>{entry/upload/filename}</em>

Reflection field with XSLT-utility

For more complex needs Reflection field lets you use an XSLT-utility. Here’s an example that formats biographic-data nicely based on if data is available in a specific entry. The Reflection field expression is simply:

xml {person}

The XSLT-utility needs to be in the workspace/utilities folder. It will be selectable in the Reflection field settings:

```xml <?xml version="1.0" encoding="utf-8"?>

<![CDATA[>                 <xsl:text><![CDATA[<br/>]]>– * †<![CDATA[]]>



The interface of Selector is based on Selectize by Brian Reavis bundled with the Symphony core.

This project has kindly been funded by Bernardo Dias da Cruz, Ben Babcock, Juraj Kapsz, Daniel Golbig, Vojtech Grec, Andrea Buran, Brendan Abbot, Roman Klein, Korelogic, Ngai Kam Wing, David Oliver, Patrick Probst, Mario Butera, John Puddephatt, Goldwiege, Andrew Minton, munki-boy, Martijn Kremers, Ian Young, Leo Nikkilä, Jonathan Mifsud and others. Read more.

If you like this extension, please consider a donation to support the further development.

PayPal Donation

Version history

Symphony 2.5 to 2.x.x

  • Symphony 2.7.8 compatibility

Symphony 2.5 to 2.x.x

  • Removed condition from previously added check, that always resulted in undefined thus somehow hiding entries when »limit entries shown« is set to a normal (low) number

Symphony 2.5 to 2.x.x

  • Prevent JS-Error when result.entries is empty

Symphony 2.5 to 2.x.x

  • Fix misnamed classes in /content/*

Symphony 2.5 to 2.x.x

  • Include MORE changes in source repo from @jonmifsud!

Symphony 2.5 to 2.x.x

  • Include changes in source repo from @jonmifsud!

Symphony 2.5 to 2.x.x

  • fix for search encoding problem, thanks @jonmifsud!

Symphony 2.5 to 2.x.x

  • hide search field on single selects with a selected item

Symphony 2.5 to 2.x.x

  • design simplification

Symphony 2.5 to 2.x.x

  • remove button visible for single selects
  • bring own selectize.js with remove_button hack

Symphony 2.5 to 2.x.x

  • search field height for empty fields

Symphony 2.5 to 2.x.x

  • Interface redesign
  • Search field always visible
  • Indicate dragability by text rather than an icon

Requires Symphony 2.5

  • Fixed styling of index table overviews for single select fields (requires Association Field 1.0.1)

Requires Symphony 2.5

  • Added styling to index table overviews (requires Association Field 1.0.0)

Requires Symphony 2.5

  • Fixed optgroup styling (#33)
  • Fixed auto-focus behaviour (#36)

Requires Symphony 2.5

  • Added German tranlation

Requires Symphony 2.5

  • First release