lunes, 13 de febrero de 2012

Configurando las colecciones para el control PivotViewer (Parte 1)

Bueno por aquí configurando de nuevo mi máquina después de haberla formateado, hace un post de como configurar el PivotViewer un control muy bonito y que pueden ver de ejemplo en el portal de Microsoft Community Specialist en el que lo publiqué.

Me parece muy útil para exponer colecciones con imágenes y además de que es gratis con tu Microsoft Excel puedes editarlo sin hacer una linea de código, aquí les muestro un ejemplo tomado de la página donde está publicado el control


Lo primero es descargarnos de la web de Silverlight el control PivotViewer


Como ven al finalizar la instalación nos dicen que quedó un proyecto de ejemplo y que debemos instalar el SDK de Silverlight y lo podemos usar con Visual Studio Express.

Si queremos configurarlo manual, en la página de descarga del PivotViewer encontramos indicaciones, sin embargo podemos configurarlo más fácil, veamos como.

Descargamos ahora el Excel Tool para PivotViewer.


Abrimos nuestro Excel y veremos una nueva pestaña disponible con el nombre Pivot Collections


Presionamos la opción Nueva Colección y se nos mostrará una Hoja de Excel con un formato en el cual podemos colocar la información de los ítems que vamos a mostrar, incluyendo una imagen


En la pestaña que nos indican de Propiedades de la colección podemos configurar el título de la colección, un icono, una imagen de marca, un texto para el cuadro de búsqueda y las indicaciones de derechos de autor.

Podemos añadir columnas, mi recomendación es darle insertar siempre en la última para que la columna que se inserte quede formatada, alguna vez me paso que la añadí al final y no apareció el dato en el Pivot.


Así podemos añadir más datos a las imágenes que vamos a publicar. Con respecto a las imágenes la recomendación es colocarlas en buena resolución, cuando se genera la colección el pluging hace varias copias de la imagen en diferentes tamaños para poder hacer los efectos que pueden ver en los ejemplos publicados en la red.

Una forma fácil de subir toda una carpeta de imágenes es usar el botón "Importar imagenes"


O bien para incluir una imagen podemos ir por la ruta en nuestro PC


Pegamos la ruta en la columna "Ubicación de la imagen" de nuestra colección y si es correcta veremos de inmediato la vista en miniatura.


Completamos los datos y ponemos como título de las columnas adicionales el nombre que queramos que aparezca en el Pivot, sin cambiar el nombre de las primera 4 columnas.


Le damos publicar y guardamos el archivo resultante preferiblemente en una carpeta limpia por qué se generan gran cantidad de archivos.


Hasta aquí llega la generación, en el próximo post les contaré como usarlo desde un proyecto Silverlight.

Sorey
Publicar un comentario