App Launcher customization

<< Click to Display Table of Contents >>

Navigation:  Low-code Process Automation > Studio Cloud - Authoring environment > Bizagi Apps > App Launcher >

App Launcher customization

Overview

In the Side menu of the App Designer home page you can find the App Launcher section. Here you can access the App Launcher or edit some interface options to customize it.

 

UiTitleAndLogo02

 

Title, logo, and icon

When using the App Designer to customize the App Launcher, you can change the title and the icon shown in the tab of your Internet browser, as well as the logo used in the App Launcher.

 

UiTitleAndLogo01

 

Default behavior

By default, the App Launcher will have the Bizagi's icon and logo, and its title will be "App Launcher".

 

Considerations

Field recommended sizes

To have a better experience, follow the next recommendations for each of the App Launcher customizable fields:

Title: Use less than 50 characters.

Icon: Use images with extensions png, jpg, svg, jpeg, or ico. Plus, we recommend using an image with 16 pixels width and 16 pixels height.

Logo: Use images with extensions png, jpg, svg, jpeg, or ico. Plus, we recommend using an image with 200 pixels width and 65 pixels height.

 
To upload a new image for the icon or the logo, click the upload button.

 

UiTitleAndLogo04

 

Returning to default values

You can reestablish any field to its default value once you have changed it.

In case it is the title, leaving the text box blank will set the default value.

For the icon or logo, once you have uploaded an image, the upload button will change to the reestablish button. By clicking it, your customized image will be deleted, and instead, the App Launcher will have the default image.

 

UiTitleAndLogo03

 

Background

You can also customize the background present in the App Launcher. You can decide if you want the background to be a specific color or a selected image.

 

AppLauncherBackground05

 

Default behavior and image customizing

By default, the App Launcher will have no option selected as follows.

 

AppLauncherBackground03

 

Selecting the image option will set the default image. This image can be restored by clicking the Default button. If the default image is in use, click on the Replace button to use your own image as background.

 

AppLauncherBackground04

 

Color customizing

Selecting the color option will display the color picker tool and some default colors. To access the color picker tool click on the first box from left to right as shown in the image.

 

AppLauncherBackground07

 

Once you have defined the desired color, you can add it to My Color Library to use them in the future. To do it, click on the Add color button as follows.

 

AppLauncherBackground08

 

Considerations

To have a better experience, follow the next recommendations for the App Launcher's background:

Image: Use images with extensions png, jpg, svg, jpeg, or ico. Plus, we recommend using an image with 1920 pixels width and 1080 pixels height.

Color: You can use one of the default colors or use the color picker tool to find the color you need. RGBA, HSLA, and HexA color formats are available. Use the navigation arrows to alternate between the different color formats.

 

AppLauncherBackground06

 

My Color Library: You can add up to eight colors in your library. Once you reach this limit, the Add color button will be disabled.

 

App Icon

In the App Designer home page, when creating or customizing an app it is possible to change the way the app is displayed in the App Launcher. Further information is available in the App style article.


Last Updated 6/8/2023 12:31:34 PM