2-page view in Google Docs Bookmarklet

Most PDF viewers have the option to view two pages side-by-side in continuous scroll mode, but is this possible in GDocs?

Sure, you can dock the whole tab to the left or right and get half your screen back, but where's the fun in that?

After inspecting the page source from "Print Layout" view, it looks like there are a couple places we can tweak the CSS:

.kix-zoomdocumentplugin-outer { left:0px !important; }
.kix-zoomdocumentplugin-outer, .kix-zoomdocumentplugin-inner { width:100%; }
.kix-page { float:left; width:48% !important; }
Until the Google Engineers get around to allowing this, you can fake it with the following [bookmarklet][1]:

(function(d,t,z,s) {
s = d.createElement(t);
s.innerHTML = z+'-outer{left:0px !important;}'+z+'-outer,'+z+'-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';
d.getElementsByTagName(t)[0].parentNode.appendChild(s);
})(document, 'style', '.kix-zoomdocumentplugin');
[1]: (javascript:(function(d,t,z,s){s=d.createElement(t);s.innerHTML=z+'-outer{left:0px !important;}'+z+'-outer,'+z+'-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';d.getElementsByTagName(t)[0].parentNode.appendChild(s);})(document,'style','.kix-zoomdocumentplugin');)
Written by Jeremy

Source (coderwall.com)


Download Bookmarklet:


View Bookmarklet Code:

Bookmarklet Source Code:

%28function%28d%2Ct%2Cz%2Cs%29%20%7B%20s%20%3D%20d.createElement%28t%29%3B%20s.innerHTML%20%3D%20z+%27-outer%7Bleft%3A0px%20%21important%3B%7D%27+z+%27-outer%2C%27+z+%27-inner%7Bwidth%3A100%25%20%21important%3B%7D.kix-page%7Bfloat%3Aleft%3B%20width%3A48%25%20%21important%3B%7D%27%3B%20d.getElementsByTagName%28t%29%5B0%5D.parentNode.appendChild%28s%29%3B%20%7D%29%28document%2C%20%27style%27%2C%20%27.kix-zoomdocumentplugin%27%29%3B%20%5B1%5D%3A%20%28javascript%3A%28function%28d%2Ct%2Cz%2Cs%29%7Bs%3Dd.createElement%28t%29%3Bs.innerHTML%3Dz+%27-outer%7Bleft%3A0px%20%21important%3B%7D%27+z+%27-outer%2C%27+z+%27-inner%7Bwidth%3A100%25%20%21important%3B%7D.kix-page%7Bfloat%3Aleft%3B%20width%3A48%25%20%21important%3B%7D%27%3Bd.getElementsByTagName%28t%29%5B0%5D.parentNode.appendChild%28s%29%3B%7D%29%28document%2C%27style%27%2C%27.kix-zoomdocumentplugin%27%29%3B%29


Rate it:


Tags:

Comments

Comments so far. Add yours.