- Primeros pasos
- Aplicaciones de demostración
- Tutorial
- Acceder a la URL de producción de una aplicación
- Crear una aplicación optimizada para dispositivos móviles
- Insertar aplicaciones
- Insertar mapas
- Establecer contexto externo
- Utilizar matrices para rellenar controles desplegables, desplegables de selección múltiple y botones de opción
- Usar TablaDeDatos con los controles Tabla y Editar cuadrícula
- Usar máscara de entrada
- Notificaciones
- Cómo utilizar expresiones VB
- Diseñar tu aplicación
- Eventos y reglas
- Regla: Si-Entonces-Si no
- Regla: abrir una página
- Regla: Abrir URL
- Norma: cerrar ventana emergente/inferior
- Regla: mostrar mensaje
- Regla: mostrar/ocultar indicador giratorio
- Regla: establecer valor
- Regla: iniciar el proceso
- Regla: restablece los valores
- Regla: subir el archivo al depósito de almacenamiento
- Regla: descargar el archivo del depósito de almacenamiento
- Regla: crear registro de entidad
- Regla: actualizar registro de entidad
- Norma: elimina el registro de entidad
- Regla: añadir a la cola
- Regla: flujo de trabajo del desencadenador
- Regla: Enviar acción
- Aprovechamiento de RPA en tu App
- Aprovechamiento de las entidades en tu App
- Aprovechar las colas en tu aplicación
- Aprovechar los medios en tu aplicación
- Aprovechar las acciones en tu aplicación
- Gestión del ciclo de vida de las aplicaciones (ALM)
- Aplicaciones propias de UiPath®
- Guía básica de resolución de problemas
Diseño y estilo
App Studio ofrece amplias opciones de personalización en términos de diseño de la aplicación utilizando sus diferentes controles contenedores y opciones de estilo para cada uno de los controles
Se puede crear fácilmente un diseño de página personalizado con el control Diseño de contenedor. De esta manera, puedes agrupar varios controles para que tengan un posicionamiento específico mientras configuras el diseño y la alineación de un único control (es decir, el contenedor).
Para personalizar la posición de los controles dentro de una página o un contenedor:
-
Selecciona la página o el contenedor donde se encuentra el control deseado.
-
En el panel Estilo, selecciona el Diseño (Vertical, Horizontal) y la alineación de los controles (Izquierda, Centro, Derecha, Estiramiento, Superior, Medio, Inferior, Distribuir).
Nota:De forma predeterminada, los controles se ajustan a una línea y heredan la alineación del contenedor principal.
- (Opcional) Para el control deseado, anula la alineación heredada seleccionando una de las opciones disponibles. Para volver a la alineación del contenedor, desmarca la selección de cualquier alineación anulada.
- (Opcional) Para el contenedor o la página deseados, selecciona la opción Permitir ajuste para ajustar los controles a varias líneas.
auto
, el tamaño del botón aumenta o disminuye en función del texto del botón.
También se puede establecer la altura y el ancho específicos. Ancho/altura mínimo y Ancho/altura máximo están disponibles bajo el icono de tres puntos (...) en la sección Tamaño del panel Estilo.
%
, px
(píxeles) y em
(relativo al tamaño de la fuente del elemento). Por ejemplo, 3em significa 3 veces el tamaño de la fuente actual.
100px
el campo Ancho.
Si no se proporcionan unidades de medida, el sistema utiliza por defecto píxeles (px).
Para cambiar la forma en que aparece el texto en tu aplicación, ajusta los atributos de la sección Fuente, como la familia de fuentes, el tamaño, el color o el estilo.
Puedes cambiar entre los formatos de color RGB, HEX y HSL haciendo clic en las flechas situadas junto al valor de color.
La sección de bordes tiene tres propiedades:
- Grosor de borde
- Color del borde
- Radio de la esquina.
Los píxeles son la unidad de medida de estos atributos.
Los controles y los contenedores se pueden espaciar utilizando los atributos de las secciones Margen y Relleno.
Los márgenes proporcionan un espacio alrededor de los controles.
Los rellenos proporcionan un espacio entre el control y el contenido dentro de él.
Para separar los valores Superior/Inferior e Izquierda/Derecha y establecerlos de forma independiente, haz clic en el botón Enlace situado a la derecha de la sección Margen/Relleno.
Puedes establecer el margen y el relleno de los controles de Contenedor, mientras que para la mayoría de los controles solo puedes establecer el margen.