tagmanager icon indicating copy to clipboard operation
tagmanager copied to clipboard

Use tagmanager as multi-select replacement

Open pvenakis opened this issue 12 years ago • 5 comments

I'm using tagmanager where I want to offer the ability for user to input new values, alongside selecting from typeahead values. However, I'd like to use the same functionality for cases where the user can't input his/her own data. I've used chosen for this (http://harvesthq.github.io/chosen/) but I prefer the look and feel and functionality of your tagmanager. How about creating an option that prevents the user from inputting own data? I've implemented this with pushing a tag that says "no results match ..." that resets the input value, but I had to make too many changes and I wouldn't want to break updates

screenshot from 2013-06-12 18 16 32

On a similar note, it'd be nice if, when using typeahead, there's an apparent way for the user to tell whether the selected value comes from the typeahead or it's his/her own. Currently. I've implemented it myself like in the screenshot, but it'd be nice if that was part of the core.

screenshot from 2013-06-12 18 21 46

pvenakis avatar Jun 12 '13 15:06 pvenakis

Glad you like our look and feel :)

I think you're looking for the "onlyTagList" option?

johnnyshields avatar Jun 12 '13 16:06 johnnyshields

Well, to be honest, I tried that option but I didn't get it to work with the typeahead. Is there a demo anywhere? I'm using a function for the typeaheadSource

pvenakis avatar Jun 12 '13 19:06 pvenakis

Demos are here: http://welldonethings.com/tags/manager

johnnyshields avatar Jun 12 '13 21:06 johnnyshields

@pvenakis @johnnyshields agree with both, onlyTagList should be the solution, but it's not working right now. I will try to fix that in #133

max-favilli avatar Aug 20 '13 15:08 max-favilli

Quick fix for onlyTagList : https://github.com/max-favilli/tagmanager/issues/171 I've been working on a project also wanting to use this to replace my long selects, that fix did the trick for onlyTagList.

If you get the bug where tags don't style properly (weird positionning & no styling), use this:

.tt-hint { background:none!important; display:none!important; }

sebastienrocks avatar Nov 13 '13 09:11 sebastienrocks