Ir directamente al contenido
Español
  • No hay sugerencias porque el campo de búsqueda está vacío.

Corfix Form Builder: cómo utilizar el componente «Dirección»

En este artículo se resume cómo utilizar el componente «Dirección» en el generador de plantillas.

Este componente está diseñado para recopilar información de direcciones y suele incluir funciones como el autocompletado para mayor comodidad.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente de dirección para acceder al panel de configuración. Verá cuatro pestañas:

  • Visualización

  • Datos

  • Validación

  • Condicional


1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra el componente de dirección al usuario.

  • Etiqueta:

    • Este es el título visible del campo de dirección que verán los usuarios. Es un campo obligatorio.

    • Ejemplo: «Dirección del sitio», «Ubicación».

  • Posición de la etiqueta:

    • Determina dónde se muestra la etiqueta en relación con el cuadro de introducción de la dirección (p. ej., Arriba, Izquierda, Derecha, Abajo).

    • Por defecto: Arriba.

  • Habilitar modo manual:

    • Si se marca esta casilla, es probable que permita a los usuarios introducir manualmente los datos completos de la dirección en caso de que la función de autocompletado o de búsqueda no resulte adecuada o no sea de su agrado.

  • Texto de ayuda:

    • Texto que aparece dentro del campo de entrada antes de que el usuario escriba nada. Sirve de indicación al usuario sobre qué debe introducir.

    • Ejemplo: «Introduzca una ubicación», «Calle, ciudad, código postal».

  • Descripción:

    • Proporciona un texto explicativo adicional para el campo, que suele mostrarse debajo del cuadro de entrada.

    • Ejemplo: «Introduzca la dirección completa del lugar, incluyendo la ciudad y el código postal».

  • Información emergente:

    • Texto que aparece cuando el usuario pasa el ratón por encima del campo. Resulta útil para ofrecer ayuda rápida o contexto.

  • Clase CSS personalizada:

    • Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.

  • Ocultar etiqueta:

    • Si se marca esta opción, no se mostrará la etiqueta del campo de dirección.

  • Edición modal:

    • (Los detalles no se ven completamente en la captura de pantalla, pero normalmente se refiere a la edición de los datos de la dirección en una ventana modal emergente).

  • Incluir en informes:

    • Si se marca esta casilla, los datos de este campo se incluirán en los informes.


2. Pestaña «Datos»

La pestaña «Datos» gestiona las propiedades de los datos subyacentes del campo de dirección.

  • Valores múltiples:

    • Si se marca, permite al usuario introducir varias direcciones en este campo (por ejemplo, para diferentes ubicaciones).

  • Valor por defecto:

    • La dirección que aparece prellenada en el campo de entrada al cargar el formulario. Los usuarios pueden sobrescribir este valor.


3. Pestaña «Validación»

La pestaña «Validación» define las reglas para garantizar que los datos de la dirección introducidos por el usuario cumplan unos requisitos específicos.

  • Obligatorio:

    • Si se marca esta casilla, el usuario deberá introducir una dirección en este campo antes de enviar el formulario.


4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente de dirección en función de los valores de otros componentes del formulario.

  • Simple:

    • Normalmente se trata de un botón de alternancia o un menú desplegable para elegir entre lógica condicional simple o avanzada.

  • Este componente debe «Mostrar»:

    • Elija si el componente debe «Mostrarse» u «Ocultarse» (opciones implícitas) en función de la condición.

  • Cuando el componente del formulario:

    • Seleccione otro componente de su formulario cuyo valor active la condición.

  • Tenga el valor:

    • Especifique el valor exacto que debe tener el componente del formulario seleccionado para que se cumpla la condición.

    Ejemplo: Podría configurar una regla para que el campo «Dirección de envío» solo se muestre cuando la casilla «¿Dirección de envío diferente?» esté marcada.


Panel de vista previa

El panel de vista previa, situado a la derecha del cuadro de diálogo, le muestra cómo aparecerá visualmente el campo de entrada «Dirección» en su formulario. Suele incluir un campo de entrada de texto y, dependiendo de su configuración, puede sugerir funciones de autocompletado (como «Introduzca una ubicación»).


Acciones en la parte inferior del cuadro de diálogo:

  • Guardar: guarda todos los cambios realizados en la configuración del componente «Dirección».

  • Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.

  • Eliminar: Elimina el componente «Dirección» del formulario.


Prácticas recomendadas para el componente «Dirección»:

  • Etiqueta clara: utilice una etiqueta específica (por ejemplo, «Dirección del lugar de trabajo» o «Dirección de facturación») para evitar confusiones.

  • Active el «Modo manual» (si es necesario): Considere la posibilidad de activar el «Modo manual» si la búsqueda automática de direcciones no siempre localiza ubicaciones específicas o si la introducción manual es una necesidad habitual.

  • Establezca el campo como obligatorio para datos críticos: si una dirección es esencial para un registro (por ejemplo, para órdenes de trabajo o información de contacto), marque la casilla «Obligatorio».

  • Utilice un marcador de posición como guía: un marcador de posición como «Introduzca una ubicación» orienta a los usuarios sobre cómo empezar a escribir para que se active la autocompletación.

  • Visualización condicional: Oculte el campo de dirección si no siempre es relevante, mostrándolo únicamente cuando la entrada previa del usuario lo requiera (por ejemplo, muestre «Dirección secundaria» si se selecciona «Añadir otra dirección»).