RPA Connect
Español
Español
  • Diseño de formularios
    • Inicio rápido
      • Inicio de sesión en RPA Connect
      • Creación de un formulario
      • Entorno de trabajo
      • Diseño de un formulario básico
    • Asignación de propiedades
      • Propiedades generales
      • Apariencia
      • Validaciones
        • Validaciones avanzadas
      • Comportamiento
        • Comportamientos avanzados
    • Desarrollo integral de un formulario
      • Campos de texto y numéricos
      • Campos de fecha y hora
      • Campos de selección de opciones
      • Otros campos de entrada
      • Tablas
    • Utilización de recursos comunes
      • Carga de recursos
      • Utilización de recursos
    • Configuración de workflows
    • Opciones avanzadas
  • Administración
    • Admin App
      • Acceso a Admin App
      • Gestión de usuarios y grupos
      • Espacios de trabajo
      • Roles y permisos
    • Integración con Microsoft Entra ID
      • Autorización de sincronización
      • Gestión de grupos AD
      • Configuración de notificaciones Microsoft Teams
  • BLUEPRISM
    • Conexión con BluePrism
      • Creación de una credencial de autenticación
      • Generación de una instancia pública de formulario
      • Consulta de instancias de una plantilla
      • Otras acciones
        • Acciones vinculadas a instancias
        • Acciones vinculadas a archivos
        • Acciones vinculadas a stages
      • Información adicional
  • CANALES DE INTERACCIÓN
    • Gestión de instancias en Teams y el Portal
      • Interfaz y funciones comunes
        • Inicio
        • Envíos
        • Bandeja de Entrada
      • Actividad en Microsoft Teams
      • Características del Portal
Powered by GitBook
On this page
  • Columnas y elementos estáticos
  • Campos de entrada
  • Mask
  • Placeholder
  • Prefix
  • Multiline
  1. Diseño de formularios
  2. Asignación de propiedades

Apariencia

PreviousPropiedades generalesNextValidaciones

Last updated 1 year ago

En el apartado Appearance puedes configurar diversas opciones vinculadas a la visualización de los campos en el formulario. Aunque este tipo de propiedades se centra en elecciones de estilo o formato que no influyen de modo directo en la funcionalidad de los componentes, es importante tener en cuenta que pueden afectar notablemente su eficacia: un diseño claro y amigable para el usuario favorecerá su correcta administración mientras que un diseño poco intuitivo puede dificultarla.

Veamos cuáles son estas propiedades para los distintos tipos de elementos de formulario. Recuerda que puedes activar el modo Preview mientras trabajas para revisar en tiempo real cómo impactan las distintas elecciones que realices.

Columnas y elementos estáticos

Tanto las columnas como los elementos estáticos Text e Image poseen propiedades específicas que definen su posicionamiento en pantalla. La propiedad Vertical align es común a todos ellos y se refiere a la ubicación que los componentes adoptan respecto al margen superior e inferior de la sección o columna que los contiene. Esta propiedad puede configurarse como Top (se alinea en la parte superior), Center (se alinea en el centro) o Bottom (alineado en la parte inferior).

Otra propiedad que afecta solamente a las columnas es Spacing, que se refiere al espacio vertical existente entre los elementos de una misma columna. Cuanto mayor sea este número, más separación existirá entre los campos.

La propiedad Align que se encuentra tanto en los campos de texto como de imagen, funciona de un modo similar pero definiendo el posicionamiento horizontal del contenido. Este puede establecerse en Left, Center o Right, que indican alineación a la izquierda, al medio o a la derecha respectivamente.

El campo Text ofrece una mayor riqueza de opciones, contando con las siguientes propiedades:

Propiedad
Función

Margin

Con valores desde 0 hasta 10, permite escoger el margen de espacio libre alrededor del texto. Un valor más bajo lo posicionará con mayor proximidad a los demás componentes mientras que un valor más alto aumentará la separación.

Weight

Permite establecer el peso de la tipografía en Light (ligera), Regular (normal) o Bold (negrita).

Font style

Permite seleccionar el estilo de itálica o normal para el texto.

Text variant

Ofrece una serie de variantes preconfiguradas con distintos niveles para encabezados, subtítulos, cuerpo de texto y otras opciones.

Campos de entrada

Aunque los campos de entada presentan rangos de opciones más variados dependiendo de su funcionalidad, en la mayoría de ellos encontrarás las siguientes propiedades de apariencia:

Mask

Esta propiedad define una estructura para dato solicitado, determinando sus valores posibles. Para utilizar esta propiedad, deberás conocer ciertos parámetros, que definen el tipo de caracteres aceptados en cada espacio de la cadena:

  • El caracter "a" representa cualquier letra, es decir que cuando se incluye en la máscara, el usuario solo podrá ingresar un caracter alfabético en ese espacio.

  • El caracter '0' representa cualquier número. Al incluirse en la máscara, solo admitirá como válidos para ese espacio los valores desde el 0 al 9.

  • Si solo se considerará como válida una letra o número particular en ese espacio de la cadena, es necesario ingresar el caracter correspondiente en la máscara.

  • Si un caracter de la cadena debe ser específicamente "a" o "0", dado que estos números tienen también una función como letra o número genérica, se debe anteponer la barra "\" para que solo se acepte ese caracter puntual.

  • Pueden agregarse otros caracteres como puntos o guiones a la máscara para que los datos ingreados adopten este formato.

Placeholder

Establece un texto predeterminado que se muestra al usuario en ese campo, el cual puede utilizarse para brindar ejemplos o sugerencias para completarlo.

Prefix

Añade una expresión como prefijo a los datos que se ingresen en el campo, por ejemplo, la característica antes de un número de teléfono.

Multiline

Puede escogerse el valor True si se desea que el campo posea múltiples líneas (para un área de texto más extensa) o False, si se muestra en un único renglón.

Ten presente que algunos tipos de campos como Date o Attachment tendrán menos cantidad de propiedades o bien no mostrarán este apartado, ya que tienen un formato preestablecido que no admite variaciones. Otros campos, como Options o Boolean, tendrán propiedades únicas para los componentes de su tipo, tal como veremos más adelante.

Ejemplo de la configuración de Mask con distintos caracteres
Apartado Appearance y ubicación del botón de Preview.
Opciones de la propiedad Vertical align
Opciones de la propiedad Align
Opciones del campo Text
Ejemplo de una máscara que admite cuatro caracteres alfabéticos y cuatro caracteres numéricos
Incorporación de un texto de sugerencia con uso de Placeholder
Establecimiento de un prefijo para un número telefónico
Generación de espacio adicional definiendo el valor True para la propiedad Multiline