AnsweredAssumed Answered

Does anyone know if there is a global CSS change that will make the Box document preview taller?

Question asked by Michelle Lattke Employee on Jul 28, 2015
Latest reply on Aug 16, 2017 by Josh Breslow

My teachers like to post PowerPoints or PDF files and get frustrated when students only see part of a file, so they end up taking a screenshot of the documents and pasting in an image instead so they can display the whole document on the page.  This, of course, makes the content totally not accessible.  I tried mucking around with Inspect Element in my browser to see if I could figure out what style or ID controlled the height of the Box preview tool, but I couldn't figure it out.  I was hoping to get a snippet of CSS or Javascript to throw in my global branding files that would make the preview boxes double the height they are now.  Anyone have any ideas on this one?

 

To give you more of an idea of what I mean......

Here is what it looks like when you set the page to auto-open a PDF preview

Screen Shot 2015-07-28 at 8.44.43 PM.png                     

Here is what it looks like when they copy and paste a screenshot of their file.

Screen Shot 2015-07-28 at 8.42.15 PM.png

 

If I could make the Box preview frame taller, I think I could make them stop making all their content totally inaccessible.

 

As a pay it forward type of tip, we also wanted to make the default height of files embedded from the modules area taller.  Here is the CSS that will do that:

 

iframe#file_content{

  height: <insert desired size here>;

}

 

Thanks in advance for any help!!

Outcomes