How to add a favicon to your deployed apps?

Scriptcase 8 Discussion
#1

I have deployed my project, and it all works fine, except that it would be nice to have a favicon showing on the browser tabs. At present it is just words.

Does anyone know how to add a favicon to a project?

Thanks

Tony

#2

Typical, I previously uploaded a favicon.ico to the root folder, and it did not display. Now, after writing this post, it now displays it.

#3

onApplicationInit

?>
<html>
<head>
<link rel=“shortcut icon” href="…/_lib/folder/name.ico">
</head>
<?php

#4

I have this in my app_menu onAppInit:

echo ’
<script src="/_lib/prod/third/jquery/js/jquery.js" type=“text/javascript” charset=“utf-8”></script>
<script type=“text/javascript” charset=“utf-8”>
$(document).ready(function(){
$(‘head’).append(’<link rel=“shortcut icon” href="…/siteFavicon.ico">’);
$(‘head’).append(’<link rel=“icon” href="…/siteFavicon.ico">’);
});

</script>’;

This is what it is putting out: <META http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<link rel=“shortcut icon” href="…/_lib/img/scriptcase__NM__ico__NM__favicon.ico">
<link rel=“stylesheet” type=“text/css” href="…/_lib/css/Sc9_Rhino/Sc9_Rhino_btngrp.css?scp=c3f96dcd06382a82673df54563ac6638" />
<link rel=“stylesheet” type=“text/css” href="…/_lib/css/Sc9_Rhino/Sc9_Rhino_menuHLTR.css" />
<link rel=“stylesheet” type=“text/css” href="…/_lib/css/Sc9_Rhino/Sc9_Rhino_menuH.css?scp=0be7607a9b615d400ad7c8e129ccb162" />
<link rel=“stylesheet” type=“text/css” href="…/_lib/buttons/scriptcase9_Rhino/scriptcase9_Rhino.css" />
<link rel=“stylesheet” type=“text/css” href="…/_lib/css/_menuTheme/scriptcase_Android_Blue_hor_LTR.css" />
<style>
.scTabText {
}
</style>
<script>
var is_menu_vertical = false;
</script>
</head>
<body style=“height: 100%” scroll=“no” class=‘scMenuHPage’>

<script src="/_lib/prod/third/jquery/js/jquery.js" type=“text/javascript” charset=“utf-8”></script>
<script type=“text/javascript” charset=“utf-8”>
$(document).ready(function(){
$(‘head’).append(’<link rel=“shortcut icon” href="…/siteFavicon.ico">’);
$(‘head’).append(’<link rel=“icon” href="…/siteFavicon.ico">’);
});

</script><script type=“text/javascript” src="/_lib/prod/third/jquery/js/jquery.js"></script>
<script>

The tab icon in chrome will not change. In MS Edge it changes after clicking on a menu item after login. Login page has wrong icon.