Personalizar el formulario de visualización de elementos con SharePoint Designer


Con SharePoint 2010 y SharePoint Designer ahora es muy fácil personalizar los formularios de SharePoint para agregar títulos y separar la información mostrada. Si usan SharePoint 2007, este proceso no es tan sencillo.

En tutorial vamos a ver como modificar la vista creación (NewForm.aspx) de una lista de SharePoint 2010. A continuación les muestro la vista tradicional de SharePoint:

image

Y ahora la vista que vamos a crear en este tutorial:

image

 

En mi sitio de SharePoint tengo una lista personalizada para la solicitud de requerimientos. En la siguiente imagen pueden ver los campos que deseo mostrar en la vista de creación (encerrados por el cuadro verde) y los que están encerrados en el cuadro azul, deseo ocultarlos.

Importante: Si van a ocultar campos de una vista, asegúrense que esos campos NO sean requeridos o que tengan un valor predefinido.

image

 

Paso a paso:

1. Nos conectamos al sitio con SharePoint Designer 2010 y hacemos clic en la parte de Lists and Libraries, buscamos la lista que deseamos modificar y hacemos clic en ella.

image

2. En la sección de Forms hagan clic en el botón New.

Nota: Es preferible trabajar siempre creado nuevas vistas y no modificar las vistas predeterminadas, por si alguna de nuestras modificaciones daña el formulario

image

3. Escriba el nombre del archivo, seleccione el tipo New item form y seleccione la casilla que lo predetermina. Presione el botón OK.

image

4. Haga clic en nombre del formulario para editarlo.image

5. Primero voy a agregar un reglón antes del campo Detalle corto del requerimiento (es el campo Título renombrado).

image

6. Seleccionamos el reglón insertado, buscamos en el menú superior las opciones de Table y unimos las celdas con Merge Cells.

image

7. Escribimos un título para esa sección. Este texto lo pueden formatear como lo deseen.

image

8. Insertamos un reglón arriba del campo del solicitante, para poner un segundo título.

image

9. Después de hacer unir esas celdas, escribo el segundo título de la tabla. Pueden observar que deje un espacio en blanco antes del título, para darle más separación a los datos.

image

10. Por último, selecciono los campos que no deseo mostrar en la vista y los borro.

image

11. Ahora guardamos la vista la probamos desde SharePoint.

image

12 comentarios (+¿añadir los tuyos?)

  1. Raúl
    Jun 20, 2016 @ 09:47:14

    Hola!
    Tengo una duda.

    En mi calendario, denominado «Reservas», he creado varias vistas con el nombre de la Sala. Al abrir la vista en el título me aparece «Reservas», pero no el título de la vista (p.e. Sala A).

    ¿Es posible cambiar el título de una vista y que me aparezca «Sala A»?

    Muchas gracias!!!!

    Responder

  2. Karina
    Feb 23, 2016 @ 16:31:29

    hola! que tal..? Mira, desde el paso 5 no me coinciden las imágenes, veo solo líneas de código.. que debería de cambiar? Gracias!

    Responder

  3. ana
    Abr 16, 2015 @ 10:04:22

    Puedo exportar una vista a power point?

    Responder

  4. Fernando de la Fuente
    Ago 29, 2014 @ 08:10:45

    Que tal Vielka, buen día espero me puedas orientar en un problema que tengo con Infopath, tengo un formulario con vistas multiplas ya logre hacer que tengan todas la información que necestio, pero tengo una vista llamada FICHA de IMPRESION, donde en la vista formateada como mis ficha final tengo que hacer que desde la web se pueda imprimir pero al dar las teclas ctrL+P me imprime la pantalla web y solo quiero poder imprimir la vista ……

    Responder

  5. alejo
    Nov 27, 2013 @ 14:36:17

    hola si quiero darle el formato de correo a un campo del formulario que hago?

    Responder

  6. Gaston
    Abr 24, 2013 @ 20:03:34

    hola te puedo consultar ?

    Responder

  7. eddelg
    Nov 16, 2012 @ 10:34:14

    Hola Vielka

    Tengo una consulta

    Yo modifiqué con Sharepoint Designer la vista de creación. Si se agrega una nueva columna a la lista como se hace para actualizar el formulario modificado en Sharepoint Designer para que incluya el nuevo campo?

    Muchas Gracias

    Edda Delgado

    ICE

    Responder

  8. Anónimo
    Oct 19, 2012 @ 09:10:00

    Hola vielka, muchas gracias estos post han sido de gran ayuda

    Responder

Deja un comentario