Eliminating the Internet Explorer Scrollbar
If you have recently published a ToolBook application to HTML where you had set the book up to be full screen at Reader, then you likely have noticed that you get a scrollbar when viewing the application. Note that on the right side here.
The ToolBook Community has come up with two different methods to take care of this. Each of these requires that you do some Post-Export editing of the index.html file in the IE folder.
Method 1
This code can be added to the body section of the index.html file found in the IE folder:
document.body.style.overflow = 'hidden';
Here is the initial code for that page (first 8 lines):
If you look closely in the middle of Line 4, you will see the body tag. The code should go after the onload part of this line.
Click here to see how this works. A really minor issue I see is that there is a slight flash as this code executes to make the scrollbar go away.
Method 2
This method assumes you have set the Mat Color for the Main Viewer in your ToolBook book to black.
The following code can be put in the <head> part of the index.html file:
<style type="text/css">
body
{
scrollbar-arrow-color: black;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: black;
scrollbar-face-color: black;
scrollbar-shadow-color: black;
scrollbar-highlight-color: black;
scrollbar-3d-light-color: black;
}
</style>
Thus the top part of the index.html file looks like this:
Click here to see how this works. I really prefer this but I must always remember to set my Mat Color to black. Of course, you could make it white and just change that in the code.