Iconos para formularios

Iconos para formularios 2021

Forms On Fire ofrece a sus usuarios un gran control sobre el aspecto de sus formularios y aplicaciones móviles. Puedes adaptar completamente la aplicación móvil a la marca de tu empresa. Es posible que ya sepas que navegar a la configuración de la aplicación en el panel de control de la nube te permite elegir los colores y el logotipo de la aplicación móvil. Lo que quizás no sepas es que hay una forma de personalizar tus propios iconos. Cuando estés en la página de configuración de la aplicación, haz clic en el enlace “personalizar iconos”.

Incluso puedes sustituir cualquiera de los iconos por los tuyos. Sólo tienes que hacer clic en el botón “CAMBIAR” que hay debajo de cada icono. Ten en cuenta que si cambias un icono por el tuyo propio se sobrescribirá ese icono en cualquier lugar donde se esté utilizando. Si utiliza sus propios iconos, éstos deberán tener 192×192 píxeles y ser de tipo de archivo .PNG. Después de reemplazar o cambiar cualquiera de tus conjuntos de iconos o colores, pulsa el botón verde de guardar para aplicar todos los cambios.

Abajo hay un video corto que muestra cómo completar este proceso. Forms On Fire no te limita. El único límite es su imaginación.Si tiene alguna pregunta sobre este video tutorial, por favor llame a nuestro equipo de soporte al +1 (425) 214-1920 ext.2

Iconos para formularios 2022

Esto le llevará a una vista más grande del icono y a una selección de formatos para descargar el icono deseado (PNG/SVG/EPS/BASE 64/PSD). Tenga en cuenta que los formatos SVG/EPS, PSD y BASE 64 sólo están disponibles si tiene una suscripción Premium. Una vez que haya elegido el formato que desea, haga clic sobre él y se iniciará la descarga:

Una vez que hayas terminado de seleccionar los iconos, haz clic en el botón marcado, junto a tu avatar, y se desplegará el siguiente menú, que te dará la opción de cambiar el color y el nombre de los iconos.  A continuación, selecciona la opción “Descargar colección”.

Iconos para formularios en línea

Un elemento importante de la personalización de la interfaz de usuario es qué iconos se muestran para representar los diferentes formularios, así como el texto que se muestra debajo de los iconos. Esto se controla en Construir formularios> Configuración > Icono de formulario para cada formulario. Para cambiar la configuración del icono del formulario:

Observe el simple “Icono estándar” que se asigna por defecto a los nuevos cada desde (esto es lo que cambiaremos). Además, observe que el texto por defecto bajo el icono es el mismo que el nombre del formulario (también lo cambiaremos).

Para subir un icono personalizado, haga clic en la opción Crear un icono y busque el icono deseado en su ordenador.    Tenga en cuenta que las imágenes de los iconos de los formularios deben tener 64 píxeles de ancho por 64 píxeles de alto. El formato del archivo puede ser JPG, JPEG, PNG o GIF (los mejores son PNG o GIF con fondo transparente). En el ejemplo siguiente hemos subido un icono de microscopio azul.

Una vez que haya terminado con sus cambios, tendrá que actualizar el formulario. Si ha utilizado el botón Abrir para abrir el formulario, utilice el botón Publicar para guardar los cambios. Si ha utilizado el botón Editar para abrir el formulario, utilice el botón Guardar. Después de hacer esto, sus unidades móviles recibirán los cambios de la interfaz de usuario la próxima vez que se realice una función de actualización en un dispositivo.

Icono de los formularios

El uso de iconos en los formularios web mejora la usabilidad de los mismos, ya que los iconos añaden capacidad de reconocimiento a los campos del formulario. La mayoría de las veces, los elementos visuales son más fáciles de entender y atraen a más personas que las palabras. Los usuarios pueden averiguar al instante lo que se pide en el campo del formulario mirando el icono dentro del campo del formulario.  En este tutorial, utilizaremos FontAwesome para hacer los formularios web más fáciles de usar y añadir un toque de personalidad. FontAwesome es un popular kit de herramientas de iconos que ofrece una gran variedad de iconos. Dado que es fácil de usar y altamente personalizable, se puede utilizar de muchas maneras en un proyecto de desarrollo web.

Es importante que incluyas el CDN de Font Awesome en cualquier página web en la que pretendas utilizar los iconos de Font Awesome. Simplemente copia y pega el enlace de abajo e inclúyelo en tu(s) página(s) web para activar Font Awesome. El código de abajo también incluye el CDN de Bootstrap.

Arriba, tenemos un simple formulario de acceso con dos campos de entrada: correo electrónico/nombre de usuario y contraseña. En la parte superior tenemos un elemento div que contiene el logotipo. Usted puede simplemente cambiar el enlace de la imagen con su propio enlace de la imagen del logotipo. Debajo de eso, tenemos nuestro elemento de formulario. Tenemos dos contenedores div con un nombre de clase de forma-grupo. Dentro de estos contenedores div, tenemos tres elementos.