How to create dynamic favicon logo in mendix

Hi experts,     Does Mendix support to change favicon to dynamic ?   In my case, I want to change favicon if there is a notification and  image bellow shows that Mendix only able to put static favicon       This is the example I want   Is there any option for this ?   Thank you, Zacky
2 answers

Hi Zacky,

Mendix does not  support changing the favicon dynamically based on events or notifications. Favicon in Mendix remains static throughout the application.


To achieve dynamic favicon functionality, you can utilize custom JavaScript or CSS within your Mendix application. 

1. Create a microflow or nanoflow to determine if a notification or event should trigger a favicon change.

2. Use a custom JavaScript snippet in a Mendix widget to update the favicon dynamically. This involves accessing the HTML `<head>` element and modifying the `link` element associated with the favicon.

   Here's an example JavaScript code snippet for dynamic favicon change:


var link = document.querySelector("link[rel~='icon']");
link.href = "path_to_new_favicon.png";


   Replace "path_to_new_favicon.png" with the actual path to your desired favicon image.

3. Invoke this JavaScript code within the microflow or nanoflow when a notification or event triggers the favicon change.


Hope it helps!!!


Hi Zacky,

As per my knowledge,Mendix does not have built-in support to dynamically change the favicon.


However, we can achieve this using JavaScript or CSS to dynamically change the favicon based on certain conditions or events.


The process should be Create a new link element > Remove any existing favicon > Add the new favicon to the document's head.