05Dic, 2016
0Comentarios

¡Personalice aún más sus formularios en su aplicación móvil!

Puede personalizar aún más sus campo de texto y sus separadores cambiado el tamaño, el color y agregando diferentes iconos. Igualmente puede personalizar las informaciones del elemento selección.

Paso 1: Personalice su campo de texto.

  • Vaya a las opciones del campo y vaya a la pestaña Presentación. 

  • Puede escoger el tamaño de su campo entre:

Escoja el tamaño que desea para su campo.

Aquí puede ver un ejemplo donde los 4 campos se configuraron con el tamaño mas pequeño para que cupieran en la misma linea de la tableta: 

Ejemplo de la personalización de un formulación en la aplicación.

  • Para cambiar el color, haga clic en el color que desee:

Escoja el color que desea.

Aquí tiene un ejemplo que los campos con colores: 

Ejemplo de formulario con los campos de entradas con colores.

  • Para agregar un icono, haga clic en “Icono” y seleccione el que desea.

Seleccione que icono que desee.

  • También puede agregar un “Texto de ayuda” para explicar mejor que tipo de información debería ir en el campo.

Puede agregar un texto de ayuda para saber que tipo de información debe rellenar en el campo.

En el móvil o tableta el icono de información indicara que hay un texto ayuda:  

En el móvil el texto de ayuda le muestra que tipo d información es necesaria, si lo desea.

  • No olvide validar y guardas los cambios

Paso 2: personalizar sus separadores.

  • Vaya a las opciones de sus separador a la pestaña Presentación:

 

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

Aquí puede ver un ejemplo de un formulario con separadores de diferente color y tamaño: 

Ejemplo de un formulario con diferentes separadores de diferente coló y tamaño.

Paso 3: Personalice sus campos de selección.

  • Si quiere personalizar aun más los formularios en su aplicación vaya al la página web Font Awesome Icons que le permite escoger entre muchos otro icono que puede agregar en sus listas de selección.
  • Escoja su icono y anote el código del mismo que siempre comienza por  « fa- ».

Notez le code correspondant à l’icône qui commence par « fa-».

  • En su formulario, vaya a las Opciones de su campo selección y vaya a las Propiedades.

Vaya a las opciones de su campo selección a la parte de propiedades.

  • Rellene su lista de selección “Lista de ítems (Etiqueta o Códig:Etiqueta)  con sus diferentes opciones de selección:

Rellene el campo de lista con sus opciones de selección.

  • Rellene el campo de “Iconos” con los códigos de los iconos que desea en el mismo orden.
  • Recuerde que los códigos empiezan por « fa- ».

Rellene el campo "Icono" con los códigos de los iconos que desea.

  • Para finalizar valide y guarde los cambios.

Aquí puede ver el resultado en el móvil o la tableta: 

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

No dude enviarnos sus comentarios sobre esta 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 *