Prefer to view the site in English? For relevant information, visit the English version of the website.
06Sep, 2016
0Comments

¡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. 

presentacion

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

tamaño texto

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: 

texto pequeño

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

color texto

Aquí tiene un ejemplo que los campos con colores: 

ejemplo texto 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:  

texto ayuda

  • 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:

 tamaño del separador

  • 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: 

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- ».

  • En su formulario, vaya a las Opciones de su campo selección y vaya a las 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: 

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

Deje su comentario

Su dirección de correo no se hará público.