Campos y Componentes del Formulario: Dirección

El componente Address es la manera más rápida de agregar los campos de dirección típicos a su formulario. Un componente de dirección es en realidad un conjunto preconfigurado de otros 6 campos y dos diseños de columnas:

  • Dirección 1 – Tipo de campo de área de texto
  • Dirección 2: Tipo de campo Área de texto
  • Ciudad – Tipo de campo Área de texto
  • Estado – Tipo de campo de estado
  • Código postal – Tipo de campo de texto
  • País: tipo de campo País
  • Componente de diseño de 2 columnas
  • componente de diseño de 4 columnas

Dependiendo del ancho de la ventana disponible, los campos se organizarán de tres maneras diferentes: En orden, desde el ancho más estrecho hasta el ancho completo, los diseños son:

  • Una sola columna vertical de 6 filas con un campo por fila
  • Dos columnas con tres filas de dos campos cada una
  • Una fila de dos columnas seguida de una fila de cuatro columnas (ilustrada a continuación)

Estos tres diseños funcionan de la misma manera al usar la aplicación también. En un teléfono inteligente probablemente obtendrías el diseño de una sola columna, en una tableta podrías obtener el diseño de 2 columnas, y en una ventana de computadora de pantalla completa obtendrías el diseño que se muestra a continuación.

El aspecto predeterminado del componente Address
Componente de dirección
Nota: Una vez colocado en el cuerpo del formulario, el componente de dirección se convierte en los componentes independientes que lo conforman. Una vez en el formulario, cada campo ahora se puede mover, cambiar o incluso eliminar. El componente de dirección es simplemente una forma más rápida de incluir los campos de dirección típicos en su formulario, y no realmente un tipo de componente de formulario por sí mismo.

Propiedades de los componentes de dirección

Como este componente es solo un conjunto de 8 campos preconfigurados, no tiene propiedades propias. La tabla a continuación incluye enlaces a las secciones de la guía del usuario para cada uno de los campos individuales y los componentes de diseño que conforman una dirección.

Componente Escribir Enlace
Dirección 1
Dirección 2
Ciudad
Área de texto Ver Componente – Área de texto
Cremallera Texto Ver Componente – Texto
Estado Estado Ver Componente – Estado
País País Ver Componente – País
Diseño de Columnas Diseño de Columnas Ver Diseño de Columnas

Ejemplo de uso

Ejemplo de uso de dirección
Ejemplo de uso del componente de dirección

Video de demostración

El siguiente video muestra cómo usar el control de formulario de dirección:

Actualizado el 11 de mayo de 2021
¿Fue útil este artículo?

Artículos relacionados