Como agregar un visor de imágenes (How to add image viewer)

En esta ocasión se explicara como agregar un elemento web visor de imágenes. Dicho elemento sirve para visualizar imágenes del sitio o de sitios externos, ya que lo único que se necesita es la URL de la imagen.

Para agregar el visor de imágenes lo primero que se debe realizar es poner en modo de edición la página donde se desea agregar el elemento y para ellos dar clic en el icono de editar la página.
Como segundo paso dar clic en la pestaña de Insertar dentro del grupo de Herramientas de Edición
De las opciones que aparecen dar clic en la opción Elemento Web.
De la lista de Categorias seleccionar la opcion Medios y Contenido.
De la lista de Elemento Web seleccionar Visor de Imágenes y dar clic en el botón de Aceptar.
Se mostrara el elemento en la página como se muestra en la imagen.
Para configurar la imagen que se desea mostrar dar clic en el texto que dice “abra el panel de herramientas”.
Se muestra el menú de configuración del elemento web. El cual en la parte básica contiene los elementos de Vínculo a imagen, Texto alternativo, Alineación Vertical y Horizontal de la imagen y el color de fondo del elemento.
En el campo de vínculo a imagen se agregara la URL de la imagen que se desea mostrar.
La imagen se muestra como en la siguiente figura.


Algunas otras opciones de configuración dentro del menú del elemento web son el Titulo, alto y ancho, estado y tipo de contenedor visual.
Si en el campo de Tipo de contenedor visual se selecciona la opción de “Ninguno”, El titulo del contenedor desaparecerá.
Para guardar los cambios realizados dar clic en el botón Aceptar y nuevamente dar clic en el icono de Guardar de la página.

Articulo Desarrollado para Keptos Consulting

Crear Visual WebPart para agregar elementos a una lista en SharePoint 2010

En este articulo explicaré  los pasos  para crear una Visual Webpart en SharePoint Server  2010, el objetivo es insertar un elemento dentro de una lista a través de Visual Studio 2010, antes de comenzar debemos crear una lista personalizada dentro de nuestro sitio principal la cual nombraré “Ejemplo”.

Posteriormente abrimos Visual Studio 2010 y seleccionamos File -> Create -> Project, después Visual C# -> SharePoint -> 2010, finalmente llamaré al proyecto “AddItem”, presionamos el botón OK.

Escribimos la ruta del sitio en la cual se instalará la Visual Webpart, posteriormente seleccionar “Deploy as a farm solution”, presionar “Finish”

Seleccionar el modo de diseño y agregar los siguientes controles:

• Label (Titulo)
• Textbox
• Button (Guardar)

Ya que creamos nuestros controles, dar doble clic sobre el botón Guardar para crear el evento en el code behind.

Aquí comenzaremos a escribir el código para insertar el elemento en la lista.

Agregamos la referencia Microsoft.SharePoint.

Posteriormente escribimos el siguiente código, dentro del evento del botón Guardar

Seleccionar del menú Build -> Deploy Solution.

Como me encuentro en una ambiente de desarrollo en donde tengo Visual Studio 2010 instalado en el mismo servidor de SharePoint Server 2010, el proceso anterior activará la Visual Webpart en el sitio, por lo que voy a agregar la Webpart en la página principal para probar si funcionamiento.

Por defecto las Webparts Personalizadas se agrupan en la sección de “Custom”, seleccionar la Webpart “AddItem”, después presionar el boton “Add”

Ya que se agregó la WebPart  en la pagina principal, escribimos “Elemento de Prueba” en el Textbox y presionamos el botón Guardar.

Podemos observar que a través de la Webpart se pueden agregar los elementos que se deseen en la listas de Ejemplo.

Es un ejemplo muy sencillo, sin embargo nos puede ayudar bastante el cual espero les sea útil para sus futuros desarrollos.

Carlos Alberto Pérez Pantoja

Articulo Desarrollado para Keptos Consulting