Azure Web App Customization

Question

Hi there!
I've developed a chatbot using a custom dataset as its knowledge base on . Now, I'm looking to personalize the theme and appearance of the web application. Additionally, I want to include a custom title and replace the default 'Azure logo' with my own custom logo.

How can I go about making these customizations?

Answer 1

Hi, Please refer this github repo : https://github.com/microsoft/sample-app-aoai-chatGPT

1. Go to Frontend->src->pages->Chat.tsx file . Make sure you change the azure svg with your custom image
2. Next you could replace the reference, title and subtitle as shown below
3. You could replace the logo with your own favicon in index.html file.

Once you are done with customization, you could do one click azure deployment available in this github repo.

You could deploy to existing web application in the Open AI studio.

Please 'Accept as answer' if it helped so that it can help others in the community looking for help on similar topics.

Answer 2

Once the app is deployed you can update env vars and then save. The app will reload with different icons and title. This works well for a quick and dirty update after deploying from the chat playground for a proof of concept or testing.