Crear un formulario de lista personalizado con SharePoint Designer

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Bibliotecas y listas de SharePoint contienen formularios de lista que permiten a los usuarios ver, editar y agregar elementos a una lista o biblioteca. Con Microsoft SharePoint Designer 2010, puede crear y personalizar los formularios para facilitar a los usuarios agregar y actualizar los elementos de una lista. Si el formulario de lista es parte de una solución que se ha diseñado, desea personalizar el formulario para que va dirigido a la solución y recopila los datos pertinentes para la solución de soporte técnico.

En un formulario de lista personalizado, puede mostrar u ocultar determinados campos, reorganizar los campos, cambiar el diseño del formulario, agregar texto con formato y gráficos y en última instancia, cambiar la XSL, HTML o ASP utilizada el formulario. Solo puede realizar estas tareas mediante la creación de un formulario de lista personalizado en SharePoint Designer 2010.

En este artículo se describen los formularios predeterminados asociados a una lista y la forma en que se pueden crear formularios propios para una lista o biblioteca.

Nota: Si está usando SharePoint Online y la información en este artículo no se corresponde con lo que ve, puede que esté utilizando Office 365 tras la actualización de servicio. Algunas características de SharePoint Designer no son compatibles con la próxima versión de SharePoint Online. Vea Qué ha cambiado en SharePoint Designer 2013.

En este artículo

Revisar los formularios de lista predeterminados

Crear nuevos formularios de lista

Pasos siguientes

Revisar los formularios de lista predeterminados

Formularios de lista se encuentran en la misma carpeta que su lista de SharePoint asociada. Usa SharePoint Designer 2010, puede rápidamente y revisar fácilmente los formularios de lista predeterminados asociados a la lista.

La forma más sencilla de ver los formularios predeterminados asociados a una lista es abrir la página de resumen de la lista.

  1. Con el sitio abierto en SharePoint Designer 2010, haga clic en listas y bibliotecas en el panel de navegación.

  2. Haga clic en la lista que desee de la galería, por ejemplo, Anuncios.

  3. En la página de resumen, en Formularios, verá los formularios asociados a la lista.

    Formularios de SharePoint Designer

Otra forma de ver los formularios predeterminados asociados a una lista es abrir la jerarquía de sitios con la ficha Todos los archivos del panel de navegación.

  1. Con el sitio abierto en SharePoint Designer 2010, haga clic en Todos los archivos en el panel de navegación.

    Nota: Si no ve los Todos los archivos, póngase en contacto con el administrador del sitio acerca de cómo habilitar la estructura del sitio web en SharePoint Designer 2010.

  2. Para listas de SharePoint, haga clic en la carpeta Listas y, a continuación, haga clic en la lista deseada, por ejemplo Anuncios.

    Desde aquí, verá los formularios asociados a la lista y cualquier vista asociada a la lista, como AllItems.aspx. (En la sección Vea también encontrará vínculos para obtener más información sobre vistas).

    Nota: Además de ver y abrir formularios desde aquí, puede usar la jerarquía de sitios que se muestra debajo del panel de navegación para explorar la lista. Simplemente haga clic en el signo más (+) para expandir la carpeta Listas y en el signo más (+) para expandir la lista deseada.

    Formularios de SharePoint Designer

  3. Para bibliotecas de SharePoint, abra la carpeta Documentos compartidos y, a continuación, la carpeta Formularios para encontrar los formularios asociados.

Volver al principio

Los formularios de lista DispForm.aspx, EditForm.aspx y NewForm.aspx

De forma predeterminada, hay tres formularios asociados a una lista: DispForm.aspx, EditForm.aspx y NewForm.aspx. Las tres ilustraciones siguientes muestran los formularios de lista predeterminados para una lista Anuncios.

  • La página DispForm.aspx muestra el formulario de presentación de elementos que aparece cuando se ve un solo elemento de una lista.

    Formularios de SharePoint Designer

  • La página EditForm.aspx muestra el formulario de edición de elemento que aparece cuando se modifica un elemento de una lista.

    Formularios de SharePoint Designer

  • La página NewForm.aspx muestra el formulario de nuevo elemento que aparece cuando se agrega un nuevo elemento a una lista.

    Formularios de SharePoint Designer

Nota: Las bibliotecas de SharePoint usan otro formulario, Upload.aspx, en vez de NewForm.aspx, para agregar nuevos elementos a la biblioteca.

Volver al principio

Crear nuevos formularios de lista

Los formularios de lista predeterminados (el formulario de mostrar elemento, el formulario de Editar elemento y el formulario de nuevo elemento) se almacenan en un elemento Web denominado el elemento de Web de formulario de lista (LFWP). La LFWP usa CAML (lenguaje de marcado de aplicación de colaboración) para representar el formulario y esto no se puede personalizar en SharePoint Designer 2010.

Para personalizar el formulario, inserte un elemento de Web de formulario de datos (DFWP). Utiliza XSLT que puede personalizarse en SharePoint Designer 2010. En suma, reemplaza el formulario predeterminado con un DFWP y hay dos formas de hacerlo.

Crear un formulario de lista nuevo y asociarlo a una lista

La forma más rápida y sencilla de crear un formulario de lista personalizado es crear un nuevo formulario y hacerlo formulario predeterminado de la lista.

  1. Con el sitio abierto en SharePoint Designer 2010, haga clic en listas y bibliotecas en el panel de navegación.

  2. Haga clic en la lista que desee de la galería, por ejemplo, Anuncios.

  3. En la página de resumen, en Formularios, haga clic en Nuevo.

    Formularios de SharePoint Designer

    Nota: Como alternativa, puede hacer clic en Formulario de lista en la cinta en la ficha Configuración de lista.

  4. En el cuadro de diálogo Crear nuevo formulario de lista, especifique un nombre de archivo para el nuevo formulario. (No use nombres que entren en conflicto con los formularios predeterminados: DispForm.aspx, EditForm.aspx y NewForm.aspx).

    Formularios de SharePoint Designer

  5. Para el tipo de formulario, especifique Formulario de nuevo elemento, Formulario de editar elemento o Formulario de mostrar elemento.

  6. Para hacer que este formulario sea el formulario predeterminado asociado a la lista, haga clic en Establecer como formulario predeterminado para el tipo seleccionado. Al hacerlo, se usará el formulario personalizado para esta lista en vez del formulario predeterminado original.

  7. Para opciones avanzadas, elija el tipo de contenido que desee usar en el formulario, normalmente el que corresponda a la lista.

    Nota: Cada lista o biblioteca puede configurarse de modo que permita varios tipos de contenido, que aparecerán en este menú. Se puede usar un conjunto de formularios de lista personalizados diferente para cada tipo de contenido disponible para una lista o biblioteca. Por ejemplo, si una lista tiene el tipo de contenido Comunicados de prensa y el tipo de contenido Noticias del sector, se pueden crear y usar dos conjuntos diferentes de formularios de lista personalizados, uno para cada tipo de contenido. La ventaja de usar un conjunto de formularios de lista personalizados diferente es que cada uno de ellos se designa para mostrar solo los campos apropiados para dicho tipo de contenido. En la sección Vea también encontrará más información sobre tipos de contenido.

  8. Para agregar un vínculo personalizado al formulario, seleccione la opción Crear vínculo en la Cinta y el menú Elemento de lista y especifique un vínculo y nombre de comando.

    En la sección Vea también encontrará vínculos para obtener más información sobre las acciones personalizadas asociadas a una lista.

  9. Haga clic en Aceptar para crear el nuevo formulario y volver a la página de resumen de su lista.

    El nuevo formulario aparece con los demás formularios asociados a la lista.

Volver al principio

Editar un formulario de lista existente

Otra forma de crear un formulario de lista personalizado es editar directamente uno de los formularios predeterminados asociados a la lista. Al hacerlo, se insertará un nuevo formulario (el elemento web del formulario de datos) en la página que reemplaza el formulario predeterminado de la página.

Nota: De hecho, puede realizar estos pasos en cualquier página ASPX en SharePoint Designer 2010. La ventaja de modificar un formulario existente es que ya está asociada a la lista.

  1. Con el sitio abierto en SharePoint Designer 2010, haga clic en listas y bibliotecas en el panel de navegación.

  2. Haga clic en la lista que desee de la galería, por ejemplo, Anuncios.

  3. En la página de resumen, en Formularios, haga clic en el formulario que desee, por ejemplo, NewForm.aspx, para abrirlo y editarlo.

    Formularios de SharePoint Designer

  4. Con NewForm.aspx abierto en el editor de páginas, coloque el cursor inmediatamente debajo del formulario de forma predeterminada y presione ENTRAR varias veces para crear un espacios adicionales debajo del formulario.

    Formularios de SharePoint Designer

    Otra forma de rápidamente coloque el cursor en esta ubicación es hacer clic en el formulario de lista predeterminados y presione la tecla flecha derecha Esc al mismo tiempo.

  5. En la cinta, haga clic en la pestaña Insertar y, en el grupo Vistas de datos y formularios, haga clic en el formulario deseado, por ejemplo, Formulario de nuevo elemento.

  6. Elija la lista o biblioteca que desee asociar al formulario, por ejemplo, Anuncios.

    Aparecerá el Formulario de nuevo elemento en la página, directamente debajo del formulario predeterminado.

    El paso siguiente es ocultar el formulario de lista predeterminado para que solo el nuevo formulario aparezca en la página. Esto también garantiza que la conexión de la página a la lista de SharePoint esté intacta y que el vínculo a esta página funcione correctamente en el sitio.

  7. Haga clic en el formulario de lista predeterminado para seleccionarlo.

  8. Haga clic en la pestaña Formato en la cinta y, en el grupo Elemento web, elija Propiedades.

    Como alternativa, puede hacer clic con el botón secundario en el elemento web predeterminado y elegir Propiedades de elementos web.

  9. En el cuadro de diálogo Elemento web, haga clic en el signo más situado junto a Diseño, active la opción Oculto y, a continuación, haga clic en Aceptar.

    No elimine el elemento web predeterminado de la página; solo debe ocultarlo. Si elimina el elemento web predeterminado romperá la conexión de la página con la lista. En la sección Vea también encontrará vínculos para obtener más información acerca de cómo ocultar elementos web.

    Mostrar ambas formas en la página ASPX en SharePoint Designer 2010. Sin embargo, cuando la vista previa del formulario, verá solo el nuevo formulario.

Usar Office InfoPath 2010 para reemplazar formularios predeterminados

Como alternativa a utilizar el editor de formularios de lista en SharePoint Designer 2010, puede usar uso Microsoft InfoPath 2010 para crear, editar y diseñar formularios. InfoPath 2010 es una herramienta eficaz que se utiliza para crear formularios altamente personalizados que se pueden usar para listas, bibliotecas y flujos de trabajo de SharePoint.

En la sección Vea también encontrará vínculos para obtener más información sobre formularios de Office InfoPath 2010.

Volver al principio

Pasos siguientes

Una vez que haya creado un formulario personalizado para una lista o biblioteca, el siguiente paso es empezar a personalizar el formulario para adaptarlos a sus necesidades. Puede agregar o quitar columnas, cambiar el diseño de los campos, aplicar diferentes fuentes o estilos, agregar imágenes personalizadas y así sucesivamente. Puede usar la cinta de opciones en SharePoint Designer 2010 para realizar esta personalización. Si hay un cambio que no se pueden realizar mediante el uso de la cinta de opciones, puede editar el formulario XSL directamente en la vista código. Buscar vínculos a más información acerca de cómo personalizar formularios de lista en la sección Vea también.

Para eliminar un formulario, resáltelo en la página de resumen y, a continuación, en la cinta, elija Eliminar. De esta forma, se eliminará el formulario del servidor y los usuarios ya no podrán tener acceso a él.

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×