Tags - input and GUI like AutoComplete fields ? - Cobalt 7

Quote

Total posts: 3,837
22 Apr 2012 05:55

IMHO, adding Tags should have a slightly improved input. It looks and behaves not so smooth like AutoComplete fields do.

Currently its not possible to hit the "Return"-Key to apply the entries. The workflow is not streamlined. It takes 3-4 steps to make entries...:

hit the button...
place cursor,
type comma(s),
hit the button...

Please, can you improve it?

Or make it similar to AutoComplete:

Thanks for listening.

EDIT:**

Here is another example for an interesting tags input workflow. Found it on XING, a german business community. There is a "add new tag" in the same line...

A click reveals my OWN tags, that i entered previously.

Last Modified: 02 Mar 2014

Quote

Sergey

Total posts: 13,748
22 Apr 2012 23:47

You mean tag input in articles?

Quote

pepperstreet VIP

Total posts: 3,837
02 May 2012 09:42

Just added some screenshots.

Quote

Sergey

Total posts: 13,748
03 May 2012 04:14

i like xing tag flow. i think we will go this way ;)

Quote

pepperstreet VIP

Total posts: 3,837
20 Jun 2012 18:27

In general, AutoComplete field could benefit of a visual hint or inline text. Comparable to the "...+" in my XING example. A light text hint that says something like: "type here..." or "add new..." etc.

A totally white and empty input field is no good UI/UX.

Quote

pepperstreet VIP

Total posts: 3,837
26 Jul 2012 18:16

BTW, just found the neat HTML5 command "placeholder".

Example:

<input type="text" name="fname" placeholder="First name" />

Demo:

http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_input_placeholder

Quote

Sergey

Total posts: 13,748
03 May 2013 11:50

Working on new bootstrap UI component.

http://bootstrap-tags.azurewebsites.net/

To add to Cobalt 9.

Quote

pepperstreet VIP

Total posts: 3,837
03 May 2013 19:05

To add to Cobalt 9.

Would be cool to have a tags menuitem type. Or extended Tags module. Something that allows to generate a tags overview. Maybe with A-Z grouping, popularity, latest etc.

e.g. http://stackapps.com/tags

Quote

pepperstreet VIP