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
<button role="iconpicker"></button>
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.
</pre>
$('#convert').iconpicker({
iconset: 'fontawesome',
icon: 'fa-key',
rows: 5,
cols: 5,
placement: 'top',
});
<pre>
The post Iconpicker para bootstrap, un menú con iconos para seleccionar elementos appeared first on Develoteca.