Question

How can I make my browser switch to fullscreen mode by clicking on a button, I’m looking for any type of solution, I mean based on Ext JS, Javascript, HTML5 or other tricks if you have one

Answer 1

I have found this solution

var docElm = document.documentElement;
if (docElm.requestFullscreen) {
   docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
   docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
   docElm.webkitRequestFullScreen();
}

and for cancelling fullscreen :

if (document.exitFullscreen) {
   document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
   document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}

this work for me using ExtJS 4.0.7 with chrome

full explanation here.