Iconpicker para bootstrap, un menú con iconos para seleccionar elementos


Iconpicker para bootstrap, un menú con iconos para seleccionar elementos, si en varias ocasiones intentaste realizar o implementar un botón por ejemplo para configuraciones de algún sistema, seguro te diste cuenta que tener un picker o “tooltip estético y estático ” era mucho más simple de implementar en los sistemas y no  tener que recurrir a enviarlos a un espacio de configuración “hay que minimizar los clics para que el usuario este cómodo”, bueno pues bien, la mayoría de los sistemas incluyendo a google utilizan este tipo de herramienta de acceso, como por ejemplo dentro del buscador en la parte superior derecha, hay un picker que nos ayuda a seleccionar las aplicaciones a las que queremos acceder, ¿Lo has visto?, ¿Lo conoces?.

Existe un plugin similar para bootstrap realizado por : Victor Valencia Rico en donde realmente podemos encontrar esta funcionalidad para bootstrap y usando jquery, el plugin se llama Iconpicker, el uso es muy sencilla de ejecutar ya que se incluye el css y una libreria js  y el llamado se hace con el atributo class de una etiqueta button

[html]<button role="iconpicker"></button>[/html]

Con este picker puedes:

1.-  Controlar la posición en la que aparece el picker (izquierda, derecha, arriba, abajo).

2.- El número de elementos que aparecen en el picker (columnas, filas).

3.- El elemento seleccionado en el picker.

4.- Color del elemento seleccionado en el picker.

5.- Paginación de elementos en el picker.

Demostración: http://victor-valencia.github.io/bootstrap-iconpicker/

Ademas de que el plugin se utiliza por medio del atributo class, también usa la instalación por medio de elementos de selección con jQuery.

[javascript]</pre>
$(‘#convert’).iconpicker({
iconset: ‘fontawesome’,
icon: ‘fa-key’,
rows: 5,
cols: 5,
placement: ‘top’,
});
<pre>

[/javascript]

[adjuntos descripcion=”Iconpicker ” link=”docs.google.com/uc?id=0B1D53uMGH6xzTWxNc09UZWk2d2c”]