Background
Today I was converting an old Windows based application to a web application and I thought of giving users the same feel as if they are using a Windows application. Thus I came to the requirement of opening a web application in full screen mode. I found a very elegant solution that I am sharing here.
Using the Code
Create a start page in your web application and set it as the startup page. In the start page, add the following Javascript. This script basically opens the web page in full screen mode and closes and starts the original start page.
<script language="javascript" type="text/javascript">
window.open("Login.aspx", "secondWindow",
"fullscreen,scrollbars='yes',statusbar='yes',location='no'").focus();
window.opener = 'secondWindow';
window.self.close();
</script>
Points of Interest
- This works perfectly in IE.
- In Firefox it does not get rid of the address bar.
- In Google Chrome this does not work as it shows a popup blocker message.