07Feb, 2023
¡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:
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:
- Para cambiar el color, haga clic en el color que desee:
Aquí tiene un ejemplo que los campos con colores:
- Para agregar un icono, haga clic en “Icono” y seleccione el que desea.
- También puede agregar un “Texto de ayuda” para explicar mejor que tipo de información debería ir en el campo.
En el móvil o tableta el icono de información indicara que hay un 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:
- 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 “Iconos” con los códigos de los iconos que desea en el mismo orden.
- Recuerde que los códigos empiezan por « fa- ».
- 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