Introducción
En el editor del App Designer, los botones de texto e ícono le permiten a navegar su app a través de múltiples opciones:
•El Botón de texto despliega un botón etiqueta que tiene la opción de habilitar y personalizar su propio ícono.
•El Botón de ícono despliega un botón sin texto.
Estos dos botones se comportan de una manera muy similar; la diferencia es si se muestra o no un texto.
Agregar un control de botón de Texto o Ícono
Para agregar un botón de Texto/Ícono seleccione la opción Controles. Esta opción muestra una lista de distintos tipos de controles y usted debe abrir la sección de Botones. Dentro de esta sección, seleccione y arrastre el botón de Texto o el de Ícono:
Administrar
Únicamente el Botón de texto tiene la pestaña de Administrar. Aquí puedes personalizar el texto que se muestra en el botón. Si está en una página de Detalle, encontrará la pestaña de Visibilidad.
Diseño del control de botón de Texto
Estas propiedades permiten personalizar el botón de Texto.
Estilo
•Alinear: establezca el alineamiento del botón a la Izquierda, a la Derecha o al Centro.
•Tamaño del botón: defina el tamaño del botón a Pequeño, Mediano o Grande.
•Mostrar ícono: defina si el botón muestra un ícono o no.
Fuentes
•Fuente del tema: establezca la fuente del texto del botón. Por defecto la fuente es Poppings Regular.
•Tamaño de la fuente (px): establezca el tamaño del texto en el panel de navegación.
Colores
•Color de la fuente: establezca el color de la fuente que se muestra en el panel de navegación. El color predeterminado depende del tema seleccionado.
•Color de fondo: establezca el color de fondo del botón. El color predeterminado depende del tema seleccionado.
•Color de borde: establezca el color del borde para el botón.
Borde
•Tamaño del borde: establezca el tamaño del borde de la imagen en píxeles.
•Tipo de borde: establezca el tipo de borde para el botón.
•Radio de borde: establezca la curvatura de las esquinas del botón.
Diseño del control de botón de Ícono
Estas propiedades le permiten personalizar el botón de Ícono.
Estilo
•Alinear: establezca el alineamiento del botón a la Izquierda, a la Derecha o al Centro.
•Mostrar ícono: selecciona si el botón muestra ícono o no.
•Lista de íconos: seleccione los íconos predefinidos para agregar al control de botón de ícono.
•Tamaño de borde: establezca el tamaño del borde del ícono en píxeles.
•Tipo de borde: establezca el tipo de borde para el control.
•Tamaño del ícono: establezca el tamaño del ícono entre Pequeño, Mediano, Grande o Extra Grande.
Colores
•Color del ícono: defina el color para el botón de ícono.
Puede volver a los valor por defecto al hacer clic en el botón Reiniciar.
Visibilidad
Las propiedades bajo la pestaña Visibilidad disponibles en una página de Detalle le permiten elegir las Personas que pueden ver el botón. Debajo de cada Persona, usted encontrará una lista de los contextos definidos. Puede habilitar todos los contextos o seleccionar contextos específicos de la lista.
Enlaces
La pestaña de Enlaces permite definir la navegación a:
•Una página interna.
•Una página externa.
•Iniciar una nueva instancia de caso de cualquier proceso en el proyecto.
Si está usando un botón en una página de Detalle, las siguientes opciones están disponibles:
•Enlace estático: vincula el botón a una URL estática. Cuando selecciona esta opción, puede definir las siguientes propiedades:
oEnlace: enlace a la que el usuario es redirigido.
oAbrir una nueva pestaña: establezca si la página de destino se abre en una nueva pestaña. El valor predeterminado es falso.
•Enlace interno: vincula el botón a una página de la app actual.
oSeleccione el tipo de enlace: defina la página a la que será redirigido el usuario en la opción Enlace normal o seleccione una Entidad en la opción Enlace contextualizado.
oAbrir en una nueva pestaña: establezca si la página se abre en una nueva pestaña. El valor predeterminado es falso.
•Procesos: vincula el botón a un proceso del proyecto.
oSeleccione un proceso: defina el proceso a iniciar.
Last Updated 6/6/2023 3:33:48 PM