SharePoint 2010 Change font-size only for printing

Well, you might get the requirement from your customer that the printed list data is very small. So try it yourself. Print your listview and you will see that you need glasses to see the contents. The size for the webpage is ok, but the printview not. So what can you do?

It’s pretty easy. I used css in order to make the font-size bigger at a print view which doesn’t affect the normal browser font-size.

Simply add the following script to your masterpage:

[sourcecode language=”csharp”]

@media print
{
BODY
{
font-size: 12pt; line-height: 24px; !important;
}
TD
{
font-size:12pt; line-height: 24px;  !important;
}
.ms-vb2, .ms-vh2
{
font-size: 14pt; !important;
}
TH.ms-vb, TH.ms-vh2
{
font-size: 14pt; !important;
}

}

[/sourcecode]

Maybe you have to find out, which css classes you need to overwrite. But this css style will only be applied if someone is printing the list.

Hope this hels you.

..:: I LIKE SHAREPOINT ::..

The article or information provided here represents completely my own personal view & thought. It is recommended to test the content or scripts of the site in the lab, before making use in the production environment & use it completely at your own risk. The articles, scripts, suggestions or tricks published on the site are provided AS-IS with no warranties or guarantees and confers no rights.

About Karsten Schneider 312 Articles
Consultant for Microsoft 365 Applications with a strong focus in Teams, SharePoint Online, OneDrive for Business as well as PowerPlatform with PowerApps, Flow and PowerBI. I provide Workshops for Governance & Security in Office 365 and Development of Solutions in the area of Collaboration and Teamwork based on Microsoft 365 and Azure Cloud Solutions. In his free time he tries to collect tipps and worthy experience in this blog.

Be the first to comment

Leave a Reply

Your email address will not be published.


*