¿Añadir iconos a los widgets del Visor de Mapas Configurable (CMV)?

Question

¿Cómo se añaden los iconos del widget del Visor de Mapas Configurable (CMV) como en la captura de pantalla siguiente?

Answer 1

Lo que hice para añadir los iconos fue añadir <i class="icon-large icon-globe"></i> al título en el viewer.js

streetview: {
            include: true,
            id: 'streetview',
            type: 'titlePane',
            canFloat: true,
            position: 9,
            path: 'gis/dijit/StreetView',
            title: '<i class="icon-large icon-globe"></i>&nbsp;&nbsp;Google Street View',
            options: {
                map: true,
                mapClickMode: true,
                mapRightClickMenu: true
            }
        },

Answer 2

Esa captura de pantalla se parece a una de las mías. ;)

Estos iconos se añaden mediante css. Aquí hay un ejemplo para el widget de impresión:

#print_parent .dijitTitlePaneTextNode,
#print_parent_title {
    background-image: url('../js/gis/dijit/Print/images/print.png');
}

Las dos clases css mostradas son para el widget cuando se configura como titlePane o un floating tipo de widget. Algunas de las imágenes, como la de impresión utilizada en esa captura de pantalla, se encuentran con el widget cmv. Muchos de los widgets del núcleo de cmv no tienen su icono en la carpeta del widget. En este caso o para un widget personalizado, tendrías que usar tu propia colección de imágenes de iconos.

Tenga en cuenta que el ejemplo css anterior utiliza una imagen que ya no es utilizada por la versión actual de CMV y que será eliminada en una futura versión. El widget de impresión ahora utiliza iconos de Font-Awesome por lo que el css tendría que cambiar el uso de Font-Awesome (no tengo un ejemplo de esto) o apuntar a sus propias imágenes de iconos como se señaló anteriormente.