Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

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

0.00/5 (No votes)
11 Jun 2013 3  
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.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here