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

On the side menu of the App Designer home page, you will find the App Launcher section. Here, you can open the App Launcher by clicking Go to App Launcher or customize its interface by selecting Edit App Launcher. This article focuses on the customization process.

 

UiTitleAndLogo02

 

Customizing the App Launcher

To modify the App Launcher, click Edit App Launcher. This opens the configuration window, which includes a three-step setup: App Information, Style, and Summary.

 

App information

In this first step, you can customize the following elements:

 

AppLauncherCustomize01

 

Title: Sets the name displayed on the web browser tab. By default, this is "App Launcher."

Icon: Defines the favicon shown in the browser tab. By default, it uses Bizagi’s icon.

Logo: Specifies the logo displayed within the App Launcher interface. The default is Bizagi’s corporate logo.

 

UiTitleAndLogo01

 

Work Portal: Toggle switch that determines if the Work Portal app appears first in the App Launcher. It is enabled by default.

 

AppLauncherCustomize02

Field size recommendations

To ensure the best experience, follow these size guidelines:

Title: Fewer than 50 characters.

Icon: PNG, JPG, SVG, JPEG, or ICO formats, with a recommended size of 16x16 pixels.

Logo: PNG, JPG, SVG, JPEG, or ICO formats, with a recommended size of 200x65 pixels.

 

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

 

UiTitleAndLogo04

Restoring default values

You can reset any field to its default settings:

Title: Clearing the text box restores the default title.

Icon/Logo: After uploading an image, the upload icon changes to a restore icon. Clicking it removes the custom image and reinstates the default one.

 

UiTitleAndLogo03

 

Once you finish configuring App Information, click Next to proceed to Style.

 

Style

In this step, you can customize the App Launcher’s background by choosing a color or an image.

 

AppLauncherBackground05

 

By default, no background option is selected.

 

AppLauncherBackground03

 

Color option

Selecting Color displays the color picker tool and default colors. To access the color picker tool, click the first box from left to right.

 

AppLauncherBackground07

 

Once you define a color, you can add it to My Color Library for future use by clicking Add Color.

 

AppLauncherBackground08

 

Image option

Selecting Image sets the default background image. To restore the default image, click Default. If the default image is in use, click Replace to upload a custom background.

 

AppLauncherBackground04

 

Background recommendations

For an optimal experience, follow these guidelines:

Color: Choose from default colors or use the color picker tool. Available formats: RGBA, HSLA, and HexA. Navigation arrows allow format switching. My Color Library holds up to eight colors; once full, the Add Color button is disabled.

Image: PNG, JPG, SVG, JPEG, or ICO formats, recommended size 1920x1080 pixels.

 

Once you finish configuring Style, click Next to proceed to Summary.

 

Summary

In this final step, you can review the App Information and Style settings configured in the previous steps.

 

AppLauncherCustomize03

 

Click Finish to save the changes and close the wizard.

 

App icon

When creating or customizing an app, you can change how the app icon (the box with the app name within the App Launcher) appears. For more details, see the App style article.


Last Updated 5/11/2025 8:12:27 PM