Flat UI: TagsInput with Typeahead

Michael Ryvkin
0 0

In one of the past projects we have used Flat UI Pro library. It is based on Twitter Bootstrap giving it a flat look and many useful components sharing the same appearance. Designmodo also have a free version available with less components, Flat UI Free.

In our project we needed to have a TagsInput component field with auto-completion, which we have implemented with Flat UI 1.2.1.

post-flat-ui-tagsinput-typeahead

However, after upgrading to Flat UI 1.2.5 our auto-completion code stopped working. It turns out, the library no longer supports jQuery UI Autocomplete replacing it with Twitter Typeahead (not the most recent version). Reverting to previous version of Flat UI was not a desirable option, therefore we have modified Flat UI to add support for Typeahead library in TagsInput field.

Please see the demo for more information.

You can download modified version of the Flat-UI Free on GitHub. For the list of changes, please see this commit.

You May Also Like

jQuery DataTables: Row selection using checkboxes and Select extension
jQuery DataTables: Row selection using checkboxes
jQuery DataTables: Why click event handler does not work
jQuery DataTables: Alphabetical Search
Michael Ryvkin

Freelance web developer based in Perkasie, Bucks County, PA. I design and develop custom websites and web applications, perform website maintenance and provide technical support for small and medium-sized businesses.

Contact me for a free quote or consultation on your project.

Leave a Reply

(optional)

This site uses Akismet to reduce spam. Learn how your comment data is processed.