We bring you jquery.mentionsInput

15.12.11 Posted in Developers by

In August, when we released our @mentions feature, which enabled our users to include others in conversations and alert colleauges, we were looking for existing solutions to help do this, but we couldn’t find anything good enough. So we built our own completely from scratch.

This week we improved our “mentions component” to make the experience even better, and now we decided to share the code with the world.

jquery.mentionsInput

jquery.mentionsInput is a small, but awesome UI component that allows you to “@mention” someone in a text message, just like you are used to on Facebook or Twitter.

The component enhances a regular <textarea> to become an auto-completing mentions input, which allows you to select items from a dropdown, and insert them as “mentions” within the message text. We have added full keyboard support so you can just use your arrow keys to select, add and delete mentions.

You can find more details about the project right here
http://podio.github.com/jquery-mentions-input/

An open source project

We’re excited to share this with the community. Good open source software makes everyone’s life easier, ultimately settings some standards that make software nicer to use. We have already got a number of open source projects, and we are planning to continue to add to our collection.

We are hoping that bringing this component to the community will empower even more products to deliver this useful feature.

Share

About the author

Hi, my name is Kenneth Auchenberg and I'm hacking the JavaScript, CSS and HTML at Podio. You can find me nearby electronic beats and around Fossball tables.

Twitter
@Podio
Email
auchenberg@podio.com
  • Graham Robson

    Kenneth – are there any plans to allow 3rd party’s to develop and deploy their own javascript widgets on the Podio platform. This would enable additional functionality making use of PODIO API.