Change Favicon in Studio Pro 8

0
How to Change the Favicon in Mendix Studio Pro 8 ?
asked
4 answers
3

We had a requirement to be able to change the favicon dynamically depending on what page the user was on.

We did this by changing the index.html in the theme folder to have the following for its favicon line.

<link id="favicon" rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">

We then used a JavaScript Snippet widget to do the following.

var favicon = document.getElementById('favicon');
favicon.href = '/southdowns-favicon.ico';

When a page with that snippet was visited, the favicon was changed to the southdowns-favicon.ico dynamically.

Hope this helps.

answered
1

Answer to question 92503: You can replace the favicon.ico in the theme folder with another favicon.ico. Doing this will also change the favicon when viewing uploaded documents in the browser.

answered
0

screenshot

answered
0

HtmlSnippet...Boom! Now you can change your favicons up to Mendix version 5000!


var favIcon = "\
iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABrUlEQVR42mNkwAOepOgxMTD9mwhk\
5gDxQSB2l5l15SeyGkYGAuBJMtAQ5n+rgcwgIF4ENCCeJAOghvADXbIHqNoEyK0BGtKK14DXU9lA\
ThZiYPw/XTTr92uId3SVgKoPA8WkgNxIoCErsBrwdhoL57//TGeATC0gfgVUMRlo+2zRjD8vn6Rr\
mzH8ZT4E5IOU+gAN2YNhwMOJ/Ey8bJ+VgGYnAQ3K/f+fkQco/AYYDjP+feHs/fNQyub/N44NQJe0\
ysy5VI83DF5M5pRkY/mVyfCfIRtomNB/pv9v//9infbnucgZ5l/MW8T7HvxDMWB9hT3nXwbmrH//\
mO4Bubc4Wb/f9W09+uNmjwQPP/vHNHaWXwX/Gf7LsjD9k+FLZ3iKEQYbKmy1/jKwXIXx//1nfPvv\
P/MVJsZ/RzlYfpwX4nj/T5zrNbtK8evlWGNhcYU3Px/DR+f/DExGQK4pEKsCseJ/oDKgF0AGMvxj\
ZLIP79xzCMWA3Jyc/yB68pQpGGEyuyJEhJXhtwYLELMx/NL9wcDRcfqLwjOYegwDYGxcAFkNbQxg\
IALgNIBUQBUDAFi2whGNUZ3eAAAAAElFTkSuQmCC";

var docHead = document.getElementsByTagName('head')[0];
var newLink = document.createElement('link');
newLink.rel = 'shortcut icon';
newLink.type = 'image/x-icon';
newLink.href = 'data:image/png;base64,'+favIcon;
docHead.appendChild(newLink);

 

answered