Display of all available taxonomy terms and their type when editing a page

[mandy-kate]

Hi, this question came up in our team and we are keen to have a discussion/see if others have experienced the same thing

As a content editor I want to easily see all available taxonomy terms associated with a site (and their taxonomy type) so I know which options are available to choose from when associating terms to a page

Currently the documentation suggests using the gridfield editor and the autocompleter to add and remove terms to a page. Which is fine but relies on knowing which terms are available to search for

We spoke with our UX designer who suggested - as a potential option - a dropdown field showing available taxonomy terms and their type. See screenshots attached with the current state and start of a potential solution, thanks.

[robbieaverill]

This sounds like the feature requested at #4

[mandy-kate]

I think...#4 is a feature for someone visiting the site. This issue is relating to a content editor using the cms backend and the ease they can associate terms with a page

[robbieaverill]

cc @clarkepaul @sachajudd for consideration

[clarkepaul]

This functionality is already available in the CMS as a component (called multi tree dropdown field or something similar).
We just haven't swapped out the old "Link existing" feature to use the newer functionality (which is a React component). This also isn't in our to-do list, and should probably be added into the mix :)

Component which already exists:

[mandy-kate]

OK thanks, do you mean this functionality is already available with SilverStripe 4?

[robbieaverill]

That component is available in core. We could potentially implement it into the taxonomy module in the SS4 version by default. Do you think that example would solve your problem @mandy-kate?

[mandy-kate]

Hard to say either way without trying it out? From looking at the screenshot it seems that it would? We are using silverstripe 3 though - and wont be upgrading for at least another few months

I found a component 'TreeMultiselectField' but its not the react component you refer to

[clarkepaul]

I don't get into the React dev side so not sure where or how to activate the React version of that component but its only available in SS4. Basically there is the older "Chosen" tree dropdown which I think you have found, and we now have a react variation which uses https://jedwatson.github.io/react-select/ as a base (although we have customised it a bit for our need). You can see a example of it in action in the files area used to move a file (demo.silverstripe.org/admin).