Personalización del App Launcher

<< Clic para mostrar Tabla de Contenidos >>

Navegación:  Automatización de Procesos con poco código > Studio Cloud -ambiente de autoría > Bizagi Apps > App Launcher >

Personalización del App Launcher

Introducción

En el menú lateral de la página de Inicio del App Designer puede encontrar la Sección App Launcher. Aquí puede acceder al App Launcher o editar algunas opciones de interfaz para personalizarlo.

 

UiTitleAndLogo02

 

Título, logo e ícono

Al usar el App Designer para personalizar el App Launcher, usted puede cambiar el título y el ícono de la pestaña de su navegador de internet, al igual que el logo usado en el App Launcher.

 

UiTitleAndLogo01

 

Comportamiento predeterminado

Por predeterminado, el App Launcher tendrá el ícono y logo de Bizagi, y su título será "App Launcher".

 

Consideraciones

Tamaños de campo recomendados

Para tener una mejor experiencia, siga las siguientes recomendaciones para cada campo personalizable del App Launcher.

Título: use menos de 50 caracteres.

Ícono: use imágenes con extensiones png, jpg, svg, jpeg o ico. Además, le recomendamos usar una imagen con 16 píxeles de alto y 16 píxeles de grosor.

Logo: use imágenes con extensiones png, jpg, svg, jpeg o ico. Además, le recomendamos usar una imagen con 200 píxeles de grosor y 65 píxeles de alto.

 

Para cargar una nueva imagen para el ícono o el logo, haga clic en el botón de carga.

 

UiTitleAndLogo04

 

Volver a los valores predeterminados

Puede restablecer cualquier campo a su valor predeterminado una vez lo haya cambiado.

En caso de que sea el título, dejando la caja de texto vacía establecerá el valor predeterminado.

Para el ícono o el logo, una vez haya cargado cualquier imagen, el botón de carga cambiará al botón de restablecer. Haciendo clic en él, su imagen personalizada será borrada y en vez de eso, el App Launcher tendrá su imagen predeterminada.

 

UiTitleAndLogo03

 

Fondo

También puede personalizar el fondo que está en el App Launcher. Puede elegir si quiere que el fondo sea de un color específico o una imagen seleccionada.

 

AppLauncherBackground05

 

Comportamiento predeterminado y personalización de imágenes

Por predeterminado, el App Launcher no tendrá ninguna opción seleccionada como se muestra a continuación.

 

AppLauncherBackground03

 

Elegir la opción de imagen establecerá la imagen predeterminada, esta imagen puede ser restaurada haciendo clic en el botón Predeterminado. Si la imagen predeterminada está en uso, haga clic en el botón Reemplazar para usar su propia imagen como fondo.

 

AppLauncherBackground04

 

Personalización del color

Elegir la opción de color mostrará la herramienta de selector de color y unos colores predeterminados. Para acceder a la herramienta de selector de color haga clic en la primera caja de izquierda a derecha como se muestra en la imagen.

 

AppLauncherBackground07

 

Una vez haya definido el color deseado, puede añadirlo a Mi Biblioteca de Color para usarlos en el futuro. Para hacerlo, haga clic en el botón Añadir color como se muestra a continuación:

 

AppLauncherBackground08

 

Consideraciones

Para tener una mejor experiencia, siga las siguientes recomendaciones para el fondo del App Launcher:

Imagen: usar imágenes con extensión png, jpg, svg, jpeg o ico. Además, le recomendamos usar una imagen con 1920 píxeles de grosor y 1080 píxeles de alto.

Color: puede usar uno de los colores predeterminados o usar la herramienta de selector de color para encontrar el color que necesita. Puede usar los formatos disponibles como RGBA, HSLA y HeXa. Use la flechas de navegación para alternar entre los diferentes formatos de color.

 

AppLauncherBackground06

 

Mi Biblioteca de Color: puede añadir hasta ocho colores a su librería. Una vez haya alcanzado este límite, el botón Añadir color será deshabilitado.

 

Ícono de la app

En la página de inicio del App Designer, al crear o personalizar una app es posible cambiar la forma en que la app es mostrada en el App Launcher. Hay más información disponible en el artículo Definir el estilo de la app.


Last Updated 5/1/2023 11:08:38 PM