Skip to main content
Ctrl+K
ansys-saf-osl-app-builder - Home ansys-saf-osl-app-builder - Home
  • Process overview
  • Add custom texts
  • Add custom images
  • Add a custom header logo
  • Full-code customization tutorial: Camera app
  • Full-code customization tutorial: Bolt app
  • Troubleshooting guide
Ctrl+K
Ctrl+K
  • Process overview
  • Add custom texts
  • Add custom images
  • Add a custom header logo
  • Full-code customization tutorial: Camera app
  • Full-code customization tutorial: Bolt app
  • Troubleshooting guide

Section Navigation

  • Add a custom header logo

Add a custom header logo#

Follow these instructions to add a custom logo or banner to the solution header.

No-code customization#

To replace the logo in the header of the solution, add a file named header-logo.png to the following location in the asset folder:

src/ansys/solutions/<solution-name>/ui/assets/logos/header-logo.png

You should use a PNG file with a transparent background.

For example, if you use this picture as the header logo:

../_images/header-logo2.png

The header logo is then displayed as follows:

../_images/custom-header-logo-in-use.png

Low-code customization#

Change the file type or name of the header logo#

To add an image with different name (other than the default header-logo.png), change the filename and file type in the following file:

src/ansys/solutions/<solution-name>/ui/utils/logos.py

For example, if you want to add an image named sample-company-logo.jpg, modify the Logo class like this:

logos.py#
class Logo(Enum):
   HEADER_LOGO = "sample-company-logo.jpg"
   ANSYS_SOLUTIONS_HORIZONTAL_LOGO = "ansys-solutions-horizontal-logo.png"
On this page
  • No-code customization
  • Low-code customization
    • Change the file type or name of the header logo
  • Show Source

Release 0.5.3 — ©2025, ANSYS, Inc. All rights reserved.
Contains proprietary and confidential information of ANSYS, Inc. and its subsidiaries and affiliates.
Unauthorized use, distribution, or duplication is prohibited.