Set A Favicon In Your Joget App

Introduction

Adding a favicon to your Joget app enhances the user experience by providing a small, recognizable icon in the browser's address bar. Favicons are typically 16×16 pixels and help users identify your application quickly. This guide will show you how to set a favicon in your Joget app by configuring it from Theme Builder.

How does it work?

1. Open App Composer and create a new Theme. Launch the Theme Builder. 
2. In the Properties panel, expand the Advanced section and upload an icon for the Favicon URL field.
    
3. Click Apply Change and then Save.
4. Open the UI Builder, go to Settings, select the theme you created in the Theme Builder, and click Save.
   

Expected Outcome

By the end of this setup, your application's icon in the browser's address bar will be updated to the image you uploaded in the Theme Builder.

Video Tutorial

The video below provides a visual representation of the steps mentioned.

Sample App