21Sep, 2016
0Comentarios

Condicionar los campos : las opciones de visibilidad

La opción de visibilidad puede facilitarle el trabajo, evitándole introducciones inútiles. Ello le permite adaptar su formulario en función de la situación existente y, por tanto, aligerarlo. ¡Ahorrará tiempo y mejorará la experiencia del usuario!

Imaginemos que… Usted es técnico de calefacción, por esto realiza visitas a domicilio para instalar, reparar o sustituir diferentes sistemas de calefacción. Introduce todos los datos necesarios en su formulario: dirección del cliente, tipo de servicio, tipo de caldera, etc. Ha optado por rellenar su formulario Kizeo Forms en función del tipo de servicio que deba efectuar en el domicilio del cliente: nueva instalación, reparación o sustitución de la caldera. Mediante la opción de visibilidad, desbloquea campos específicos que deben rellenarse en función del servicio prestado. Esto, significa que según la opción que eligiera en su lista de servicios, el formulario sera diferente.

Podrá:

  • Añadir una condición de visibilidad simple, por ejemplo:
    SI selecciona “Nueva instalación” en la lista Tipo de servicio, ENTONCES verá los campos específicos para la primera instalación de una caldera (las demás propuestas dedicadas a la reparación o sustitución de la caldera permanecerán ocultas).
  • Añadir varias condiciones de visibilidad, por ejemplo:
    SI selecciona “Nueva instalación” O “Sustitución de la caldera”, ENTONCES verá los campos dedicados a la facturación.
    SI selecciona “Nueva instalación” Y marca la casilla “Presupuesto validado por el cliente”, ENTONCES verá los campos de firma.

Paso 1: Creación de un formulario.

  • Visite wwwkizeoforms.com.
  • Vaya a Configuración > Crear un formulario o Modificar un formulario.
  • Rellene los primeros campos necesarios (p. ej.: nombre, apellidos, dirección del cliente…).
  • Introduzca su lista. En nuestro ejemplo, nuestra lista se titula “Tipo de servicio” y contiene las opciones siguientes: Nueva instalación (nuevo cliente), Nueva instalación, Reparación (nuevo cliente), Reparación, Sustitución (nuevo cliente), Sustitución.

Backoffice pantalla de creación de formulario.

Parametrar la lista tipo de servicios.

  • Introduzca en este mismo formulario todos los campos que sea necesario rellenar para los 3 tipos de servicio.
    Para facilitar la lectura, puede introducir separadores.

Introducir separadores en su formulario.

Paso 2: La opción de visibilidad.

Estas opciones de visibilidad están disponibles en todos los elementos (campo de texto, fecha, dirección, etc.).

Truco campo Separador: Si utiliza opciones de visibilidad con separadores, todos los elementos presentes tendrán la misma opción de visibilidad.

Entre los elementos que constituyen su formulario, algunos son específicos para cada tipo de servicio.

  • Haga clic en el lápiz del campo que desee condicionar.
  • Vaya a la pestaña Visibilidad.

Opción de visibilidad.

Mostrar uno o varios campos en función de una condición de visibilidad.

Supongamos que queremos condicionar la visibilidad de los campos contenidos en el separador “Primera instalación de una caldera” en función del elemento “Nueva instalación” de la lista “Tipo de servicio”.

Vaya a las opciones del separador, pestaña visibilidad.

Seleccione:

  • =: si el Tipo de servicio es estrictamente igual a Nueva instalación, entonces el campo de entrada será visible.
  • : si el Tipo de instalación es estrictamente distinto de Nueva instalación (por ejemplo Reparación o Sustitución), entonces el campo de entrada será visible.
  • Entre los valores siguientes: Si Nueva instalación Y/O Nueva instalación (nuevo cliente) están seleccionados en tipo de servicio, el campo de entrada será visible.
  • Entre ninguno de los valores siguientes: Si Nueva instalación Y/O Nueva instalación (nuevo cliente) no están seleccionados en tipo de servicio, el campo de entrada será visible.
  • Contiene: si Tipo de servicio contiene la palabra instalación (por ejemplo, nueva instalación Y/O nueva instalación (nuevo cliente) están seleccionados), entonces el campo de entrada será visible.
  • No contiene: si el Tipo de servicio no contiene la palabra instalación, entonces el campo de entrada será visible.

La diferentes opciones de visibilidad.

Supongamos ahora que el número de instalación corresponde a un Control deslizante que va de 1 a 10. Deseamos obtener la visibilidad de un Campo de entrada, por ejemplo, cuando se condiciona la visibilidad con la cifra 5.

Seleccione:

  • =: si el Número de instalación es estrictamente igual a 5, entonces elcampo de entrada será visible.
  • ≠ : si el Número de instalación es estrictamente distinto de 5, entonces elcampo de entrada será visible.
  • <: si el Número de instalación es inferior a5, entonces el campo de entrada será visible.
  • ≤ : si el Número de instalación es inferior o igual a 5, el campo de entradaserá visible.
  • >: si el Número de instalación es superior a5, entonces el campo de entrada será visible.
  • ≥: si el Número de instalación es superior o igual a 5, el campo de entrada será visible.
  • Comprendido entre: si el Número de instalación se sitúa entre1 y 5, el campo de entrada será visible.
  • No comprendido entre: si el Número de instalación no se sitúa entre 1 y 5, el campo de entrada será visible.

Trucos:
Es posible condicionar la visibilidad con un campo vacío. Si se introducen datos en este campo, el elemento no se mostrará.
Se puede condicionar la visibilidad de un campo en función de un campo de firma sí o no.

Aquí, SI el campo firma Cliente contiene una firma, se mostrará el campo Firma del técnico.

Condición de visibilidad con un campo firma.

Mostrar uno o varios campos en función de varias condiciones de visibilidad.

  • Deben cumplirse todas las condiciones:
    Para ello, debe configurar sus condiciones de visibilidad y marcar la casilla “Deben cumplirse todas las condiciones”.

En nuestro ejemplo, el campo de entrada será visible SI Tipo de servicio es estrictamente igual a Nueva instalación (nuevo cliente) Y SI la casilla Presupuesto validado por el cliente está marcada.

Puede configurar varias opciones de visibilidad.

  • Debe cumplirse al menos una condición:
    Configure sus condiciones de visibilidad y marque la casilla “Debe cumplirse al menos una condición”.

Por ejemplo, el campo de entrada será visible SI Tipo de servicio es igual a Nueva instalación (nuevo cliente) Y/O SI Tipo de servicio es igual a Nueva instalación.

Configure varias opciones de visibilidad.

¡No se olvide de Guardar!

Mostrar un elemento en función del perfil del usuario :

Es posible mostrar o no un elemento con respecto al perfil de un usuario.

Los campos de usuarios personalizados:

Primero que todo debe configurar los campos de usuarios personalizados. 

  • Para esto, caba al menú Configuración > Aplicación > Campos de usuarios personalizados.
  • En esta página, puede decidir cuales elementos puede personalizar y quiere que aparezcan en los formularios de sus usuarios dependiendo de su perfil.
  • No olvide Validar los cambios.

En nuestro ejemplo hemos agregado 4 campos personalizados :

Ejemplo de los campos de usuarios personalizados.

Una vez hecho esto, en el perfil del usuario se agregarán estos campos que podemos rellenar:

  • Vaya a Configuración > Usuarios > Modificar. 
  • Rellene la información de los campos de usuarios personalizados.

Rellene la información d los campos de usuarios personalizados.

Nota : No es obligatorio rellenar todos los campos.

Configuración de la visibilidad de los elementos.

  • Como explicado anteriormente, podemos hacer que un elemento sea visible o no con respecto a los campos personalizados.
  • Para esto vaya a su formulario, y configure sus condiciones de visibilidad en función de lo que desee.
  • En nuestro caso, deseamos que la firma sea visible si “Cargo (del usuario) = Jefe de proyectos”.

Configure las condiciones de visibilidad en función de sus campos personalizados.

  • No se olvide de guardar los cambios.

No dude en enviarnos sus comentarios sobre este artículo.
Estamos a su disposición para responder a sus preguntas, sugerencias, comentarios, etc.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *