Hide elements on print form

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
User avatar
vegard.grutle
Posts: 59
Joined: Fri Mar 17, 2017

03 May 2017

Hi,

I have a list where i have enabeled the Print Form functionality.

Is there a clever way to hide elements on the printed PDF such as the indicated elements in the picture?
HideElements.PNG
HideElements.PNG (40.1 KiB) Viewed 2515 times
Thanks in anticipation

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

04 May 2017

Hi,
Those elements are inserted by your browser or PDF printer. Say, in Chrome, you can remove them by turning off the 'Headers and footers' option:
HideHeaderAndFooter.png
HideHeaderAndFooter.png (8.09 KiB) Viewed 2504 times

User avatar
vegard.grutle
Posts: 59
Joined: Fri Mar 17, 2017

08 May 2017

Thanks Dmitry!

This works well for the header and footer. I still have the gear icon displaying on my printed form.

Any recommendations?

Vegard

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

09 May 2017

Hi,

I cannot see the gear icon on a printed form in my environment. Most likely, your SharePoint site has been modified. You can hide any element from a printed page with CSS. Assign a CSS class, say, 'no-print' to an element you want to hide from a printed page and define it following way in the CSS-editor:

Code: Select all

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

User avatar
vegard.grutle
Posts: 59
Joined: Fri Mar 17, 2017

22 May 2017

Thanks! Much appriciated :D

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests