Disable scrollbars?
July 25, 2013 12:00 AM
This might be a dumb question, as I'm not the resident Lectora user in our group, but I do need to tell the resident Lectora user how to do something they weren't sure on. Due to some limitations of single file executables created with Lectora, we're actually publishing our HTML version and packaging it as a single file EXE using another piece of software. Our course will never need scrollbars, as everything fits just fine on the only computer screens it will be used on without any scrolling necessary. However, when packaging it to EXE with this other piece of software, something in the Lectora HTML is causing a vertical scrollbar to appear, but it's not a *working* scroll bar, just one with no box to drag up and down to scroll. I can get rid of this by editing the HTML to include scrollbar="no" in the BODY tag and it looks like it's intended. However, with HUNDREDS of pages in our course, this isn't exactly a viable option. I'm sure there's a fairly simple way to accomplish this from within Lectora so it generates HTML files that disable the scrollbar, I just don't know where to tell this person to find it. What's the method for accomplishing this? Thanks.
Discussion (4)
Create a CSS file with the following code:
body {
overflow:hidden;
}
[/CODE]
Add an External HTML Object at the top of the title and select Cascading Style Sheet for type. Link it to the CSS file you created. If you have a test, it may automatically be set to not inherit any files. So you will need to click the test properties and change it to inherit the External HTML Object.
This worked for me in HTML. I don't know how your EXE software will handle this.[CODE]
body {
overflow:hidden;
}
[/CODE]
Add an External HTML Object at the top of the title and select Cascading Style Sheet for type. Link it to the CSS file you created. If you have a test, it may automatically be set to not inherit any files. So you will need to click the test properties and change it to inherit the External HTML Object.
This worked for me in HTML. I don't know how your EXE software will handle this.
Alternatively, you could also just create an External HTML Object, select Custom DIV for type, then edit the object and enter the following code:
[/CODE]
I already use a CSS file, so I find it easier to have just one standard CSS file for stuff like this.[CODE][/CODE]
I already use a CSS file, so I find it easier to have just one standard CSS file for stuff like this.
Thank you so much for this post brentd and rwalters!
I recently faced the same issue whereby the course created in lectora is showing scrollbars when published to SCORM file.
I used the method shared by rwalters and it worked!!! Thank you again!
Discussions have been disabled for this post