65.9K
CodeProject is changing. Read more.
Home

How to open your web application in Full Screen mode in IE

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.80/5 (2 votes)

Jun 10, 2013

CPOL
viewsIcon

20825

Trick to open your web application in full screen mode in IE.

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();

//set new window as the opener to bypass alert
window.opener = 'secondWindow';

//close original window that was the inital opener without alert
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.