SPForm (Sharepoint Forms Designer): demo de la solución–Parte 2

En la parte 1, estuve revisando la solución y la funcionalidad básicas que ofrecía. En esta parte estaré viendo algunas funcionalidades más avanzadas.

Voy a agregar un formulario en una página. Primero exporto un formulario

Una vez guardado el archivo Document_Edit.xfds

Creo una página

Cuando voy a la parte de Insert, veo un nuevo botón, “New Form”

Selecciono el archivo Document_Edit.xfds que exporte

Una vez guardado, me queda el formulario embebido dentro de la página (Tiró un error de rendering)

También se permité editar por formulario

También nos permite agregar visibilidad dependiendo de la seguridad a la que pertenece el usuario

http://spform.com/documentation/groups

http://spform.com/documentation/groups/operators

http://spform.com/documentation/groups/functions

http://spform.com/documentation/groups/values

Ahora voy a agregar algo de javasscript

Ahora seteo el campo fecha con 7 días a partir de hoy

Tienes muchisimas más opciones para ver

http://spform.com/documentation/js/manager

http://spform.com/documentation/js/field

Lo malo:

• Requiere tener Silverligth instalado para poder usar el diseñador.
• Llamar a web services o servicios REST externos para integrarlo con la solución (ej: en una variable json). Hay que agregar código javascript para realizar esta funcionalidad. De todas maneras es común utilizar SPServices o el REST de Sharepoint para traer los datos.

Lo bueno:

• Muy fácil de customizar formularios
• Facilidad de agregar css y javascript
• Muy user friendly
• Framework excelente
• Muy buen soporte
• Montado sobre jquery
• Muy performante

Les recomiendo el siguiente blog para ver todas las funcionalidades que ofrece SPForm: http://formsdesigner.blogspot.com.ar/

http://spform.com/documentation

SPForm (Sharepoint Forms Designer): demo de la solución–Parte 1

Con la deprecación de Infopath para Sharepoint (http://blogs.office.com/2014/01/31/update-on-infopath-and-sharepoint-forms/), hay que buscar alternativas. Una de ellas es SPForm: http://spform.com/download

Ejecuto el setup como administrador, y con un usuario que sea administrador de la farm

Selecciono donde instalar la feature

Verifico que se haya habilitado la feature a a nivel de site collection

Ahora en las listas y librerías me aparece un nuevo botón en la ribbon

Requiere tener silverlight instalado

Arrastro una tabla

Arrastro las columnas y agrego dos tabs

Lo deploy para los tres formularios de la libreria

Formulario View Item

Formulario Edit Item

New Item

Ahora volvemos a editar los forms, presiono Buttons

Me agrega una sección de botones

También puedo agregar Rich Text

Supongamos que ahora quiero agregar los botones de Save y Close en otra ubicación

Cuando lo deployo queda así

Cuando presionamos “General”, podemos ocultar la ribbon

Cuando lo deployas puedes ver como queda

No ves la ribbon, y se muestra la toolbar en la parte superior.

Ahora pruebo la funcionalidad de lnk Sketch

Cuando lo deployo, me permite agregar una firma electrónica.

Ahora pruebo la funcionalidad de Related Items

Tengo que editar que lista voy a utilizar para traer los items relacionados, incluso me permite filtrar por vista o por un campo del formulario padre.

 

Supongamos que tenemos esta lista

Agrego una columna “Categoria” en la librería

Cuando lo deployo, los items relacionados lo veo así

Ahora pruebo el control de acordion

Cada componente tiene bastante propiedades para editar

Incluso JSLink, una funcionalidad muy útil para Sharepoint 2013.

Hay propiedades para poner read only un campo, editar su visibilidad, tamaño, estilo de css o class de css, la orientación del control (al lado o debajo del title)

En la segunda parte estaré viendo la parte del framework, y la posibilidad de agregar javascript