iconpicker

[emilio_oli]

Hola,

Antes que nada no se si este tema debe ir aquí o no, si no es así ruego que se mueva a donde proceda.

El tema es el siguiente:

Quiero poner un iconpicker en mi web como el del enlace: http://victor-valencia.github.io/bootstrap-iconpicker/

Pero no se como hacer que el iconpicker me muestre más iconos... Me explico, si veis el enlace incorpora:

Código:

data-iconset="glyphicon|ionicon|fontawesome|weathericon|mapicon|octicon|typicon|elusiveicon"

pero mi problema es que en vez de seleccionar todos los iconos de las distintas "bibliotecas" (glyphicon, fontawesome...) Sólo soy capaz de que me muestre en un botón el de una sola.

Por ejemplo; glyphicon son 201 iconos, ionicon son 603 iconos, fontawesome son 576 iconos... Como veis cada botón muestra un tipo de "biblioteca", y lo que yo quisiera que un único botón me aunara todas... Siguiendo con el ejemplo, un botón que me mostrase 1380 iconos (201+603+576).

Espero haberme explicado con claridad, si tienen alguna duda estoy encantado de volver a aclararla.

Muchas gracias de antemano a todos


EDITO Y AÑADO UN EJEMPLO MÁS VISUAL POR SI AYUDA:

Mediante este código se muestra sólo los glyphicon

Código:

 
<div class="col-md-6">   
     <button class="btn btn-default" data-iconset="glyphicon" data-icon="glyphicon-camera" role="iconpicker"></button>
</div>

Yo quiero que se muestren todos pero poniendo este código no funciona pues solo me aparece glyphicon:

Código:

<div class="col-md-6">
      <button class="btn btn-default" data-iconset="glyphicon|ionicon|fontawesome|weathericon|mapicon|octicon|typicon|elusiveicon" data-icon="glyphicon-camera" role="iconpicker"></button>
</div>

Este es el código que va en el .js

Código:

Iconpicker.DEFAULTS = {
        align: 'center',
        arrowClass: 'btn-primary',
        arrowNextIconClass: 'glyphicon glyphicon-arrow-right',
        arrowPrevIconClass: 'glyphicon glyphicon-arrow-left',
        cols: 4,
        icon: '',
        iconset: 'glyphicon',
        header: true,        
        labelHeader: '{0} / {1}',
        footer: true,
        labelFooter: '{0} - {1} of {2}',
        placement: 'bottom',
        rows: 4,
        search: true,
        searchText: 'Search icon',
        selectedClass: 'btn-warning',
        unselectedClass: 'btn-default'
    };

He intentado poniendo:

Código:

 iconset: 'glyphicon|fontawesome';

Código:

 iconset: 'glyphicon+fontawesome';

Código:

 iconset: 'glyphicon&&fontawesome';

Código:

 iconset: 'glyphicon'&&'fontawesome';

Pero no he tenido éxito