Add a custom logo to the openai web app through UI

Question

Hi, I have deployed a web app through the Playground in the Azure OpenAI Studio for a custom model. I wanted to know if it is possible to update the logo or customize the look and feel of the webapp through the user interface. Else, how do I go about it?

Answer 1

Rahul Jain Greetings!

I have deployed a web app through the Playground in the Azure OpenAI Studio for a custom model. I wanted to know if it is possible to update the logo or customize the look and feel of the webapp through the user interface. Else, how do I go about it?

You can customize the app's frontend and backend logic. For example, you could change the icon that appears in the center of the app by updating /frontend/src/assets/Azure.svg and then redeploying the app using the Azure CLI. Please see the source code for the web app, and more information on GitHub.

If you want to do any customization, I would recommend you use the source code of the deployed web application to prevent any unwanted issues.

Please refer to this page for the web app customization.

You can also try the Kudu console if you can to perform any changes to the published code.

Do let me know if that helps or have any other queries.

If the response helped, please do click Accept Answer and Yes for was this answer helpful. Doing so would help other community members with similar issue identify the solution. I highly appreciate your contribution to the community.

Answer 2

I managed to get it to work by adding these environment variables in the Azure App, restart your app after that change, full list of UI variables are here (https://github.com/microsoft/sample-app-aoai-chatGPT?tab=readme-ov-file#environment-variables)

Answer 3

I'm currently having the same issue. I can't download the source code using Kudu. Additionally, when trying to change the UI_Title for example through the "Environment Variables" it also don't work ("enter value" was changed to my company name). None of the methods I've tried seem to work. How should we resolve this issue?