Il existe une version française de notre site web. Vous pouvez la consulter si vous le souhaitez.
06Sep, 2020
0Comentarios
TUTORIAL KIZEO FORMS

¡Personaliza tu aplicación móvil!

Desde la plataforma web, puedes personalizar cómo lucirán tus formularios para facilitar la lectura y el uso de la aplicación móvil Kizeo Forms. Por ejemplo, puedes personalizar aún más tu campo de texto y tus separadores cambiando el tamaño, el color, agregando diferentes iconos. Igualmente, puedes personalizar «las informaciones» del campo selección.

Paso 1: Personaliza tu campo de texto.

  • Ve a las opciones del campo de texto y haz clic en «Presentación». 

Personaliza tu campo de texto.

  • Puedes escoger el tamaño de tu campo entre:

Escoge el tamaño de tu campo

Desde el móvil, la siguiente imagen muestra un ejemplo donde los 4 campos se configuraron con el tamaño más pequeño para que cupieran en una misma linea: 

Campos configurados por color y tamaño en el móvil

  • Para cambiar el color, ve a la configuración del campo y agrega el color que desees:

Definir el color

Este es un ejemplo de como verás configurados los campos desde tu móvil: 

Ejemplo de formulario con los campos de entradas personalizados con colores.

  • Para agregar un icono, ve a la configuración del campo y haz clic en el icono que desees:

Selecciona que icono que deseas

  • También puedes agregar un «Texto de ayuda» para explicar con más detalle que tipo de información debería ir en el campo.

Puedes agregar un texto de ayuda para saber que tipo de información se debe rellenar en el campo.
En el móvil o tablet el icono de información indicara que hay un texto ayuda. 

Texto ayuda en el móvil

Paso 2: personalizar tus separadores.

  • Ve a las opciones del campo separador y haz clic en «Presentación». 

Personalizar separador

  • Puedes cambiar el tamaño, el color y el icono de tu separador en tu aplicación:

En el siguiente ejemplo tomado desde el móvil puedes ver los separadores de diferente color y tamaño: 

Ejemplo de un formulario con diferentes separadores de diferente color

Paso 3: Personaliza tus campos de selección.

  • Si quieres personalizar aún más los formularios en tu aplicación ve a la página web Font Awesome Icons te permitirá escoger entre muchos iconos para agregar en tus listas de selección.
  • Escoge tu icono y toma nota del código del mismo que comienza por  «fa-».

Toma nota del código correspondiente al icono que comienza con "fa-".

1- En tu formulario, ve a las Opciones de tu campo selección y haz clic en las Propiedades.

Agrega lista de ítems e iconos en las opciones de tu campo selección en propiedades2- Rellena tu lista de selección «Lista de ítems (Etiqueta o Código:Etiqueta) con tus diferentes opciones de selección:

Lista de ítems agrega el campo de lista con las opciones de selección

3- Rellena el campo de «Iconos» con los códigos de los iconos que deseas en el mismo orden.

  • Recuerda que los códigos comienzan por «fa-».

Lista de iconos agrega "Icono" con los códigos que deseas

  • Para finalizar haz clic en «Aceptar».

Este es el resultado en el móvil o la tablet: 

Resultados de la selección con los iconos en el móvil.

No dudes en enviar tus comentarios sobre esta artículo.
Estamos a tu disposición para responder a tus preguntas, sugerencias, comentarios, etc.

Dejar un comentario

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