docassemble icon indicating copy to clipboard operation
docassemble copied to clipboard

Ajax input that allows you to accumulate to a list

Open nonprofittechy opened this issue 5 years ago • 2 comments
trafficstars

The ajax input is great, and you can use list collect to gather multiple items on one screen. However, when you are building a list of similar elements, it's common to see a different style of input, like this one:

  • https://www.cssscript.com/multi-select-autocomplete-selectpure/
  • https://www.itsolutionstuff.com/post/multi-select-autocomplete-jquery-example-with-codeexample.html
  • https://www.jqueryscript.net/form/Dynamic-Autocomplete-Multi-select-Plugin-With-jQuery-magicsearch.html

It allows you to type, click the option, and then use the same input to add a second item to the list.

nonprofittechy avatar Apr 17 '20 19:04 nonprofittechy

This is partially resolved with the addition of the datatype: multiselect (https://docassemble.org/docs/fields.html#fields%20multiselect) although the default styling is not very user friendly. I think we may be able to restyle it with custom CSS and JS.

nonprofittechy avatar Jun 08 '21 16:06 nonprofittechy

This is what we've been using for now. The interface isn't perfect but we haven't found a good replacement for it yet: https://github.com/SuffolkLITLab/docassemble-ALToolbox/blob/main/docassemble/ALToolbox/data/questions/multiselect.yml

nonprofittechy avatar Dec 04 '23 15:12 nonprofittechy