Add a print button to SharePoint list items

1–2 minutes

One of my more popular requests is an easier way to print list items (either to PDF or paper). Using SharePoint Designer, we can add a “Print Item” button to the display forms for all list items. This button appears in the “Actions” section of modal dialogs AND standalone display forms in their own window. See above for an example of a modal dialog implementation.

You can do this rather quickly, but will need to be a site admin with access to SharePoint Designer to make the change.

Note: This only works for classic view lists.

  1. Download the print icon
  2. Add print icon to Site Assets
  3. Add a custom action to list

1. Download the print icon

Download the icon

2. Add print icon to Site Assets

  1. Open your site in SharePoint Designer
  2. Go to Site Assets and import the downloaded print icon (using import/browse OR drag-and-drop)

3. Add a custom action to list

  1. Open your list in SharePoint Designer
  2. Add new custom action for display form ribbon (upper left dropdown)
  3. Name it “Print Item”
  4. Set “Navigate to URL:” to
    javascript:window.print()
  5. Browse for the button image URL (I used 32×32) and select the print.png image you added to Site Assets
  6. Change “Manage” in Ribbon Location to “Actions” and click OK

    Ribbon.ListForm.Display.Actions.Controls._children

Test away!

Troubleshooting

I don’t see the “Ribbon Location (Tab.Group ID:)” option!

You need to double-check step two of “Add a custom action to list.” You must create the action from this dropdown field and specifically select “Display form ribbon” to get this option.

It’s not showing up!

  1. Make sure you types “Actions” (plural) and not “Action”
  2. Refresh your SharePoint list (Ctrl+F5 for a hard refresh)
  3. Make sure you’re using the classic experience. This does not work in modern. You can accomplish this by forcing the classic experience for all users (recommended for consistency):

If you’d rather let users choose, just be sure to educate them on the ability to switch back and forth.


Discover more from Nate Chamberlain

Subscribe to get the latest posts sent to your email.

12 responses to “Add a print button to SharePoint list items”

  1. Ula Avatar
    Ula

    Hello Nate, how do make the button print to a custom template with formating, like a view other than list, new, edit of display.

  2. ash Avatar

    Great idea.
    Thanks Nate!

  3. Victor Avatar
    Victor

    I followed the steps and I works well in one list. I tried addign the print button to other lists following the same steps but it does not respond. Is there a reason why it does not work on other lists?

  4. Toka Avatar
    Toka

    Hello,

    thanks for very well explanation , I tried this way but the changes are not saved to list in server

    could you please help on that

    1. Nate Chamberlain Avatar
      Nate Chamberlain

      Which changes are you referring to? If you’ve made changes to the item itself, the Print button won’t save those changes. It’s only meant to print the item when viewing. You’d still need to use the save button to save any modifications. I apologize if I misunderstood the issue.

  5. Nancy Lockkamper Avatar
    Nancy Lockkamper

    Is there a possibility to print a SharePoint list item with their attachments in one go ?

    1. Nate Chamberlain Avatar
      Nate Chamberlain

      Not that I’m aware of – that would be awesome though!

  6. Pavan Kumar Avatar
    Pavan Kumar

    It was not working for IE / Edge browser which was giving me 2 empty pages later data.
    But it was working fine in Chrome and firefox.

    Appreciate your help
    Thanks in Advance

  7. Rockie Avatar

    Greetings Nate!

    It does not work for IE 10 (I have old browser because my Windows 2012 R2 does not support Edge etc.).
    But it works for IE 11 and later. So Your solution is applicable, thank You very much for sharing!

    Best regards,
    Gennady

    1. Nate Chamberlain Avatar
      Nate Chamberlain

      Thanks for this info. Good to know, and glad it worked IE11+

  8. Rockie Avatar

    Does this work in IE? I have console errors in IE 10

    1. Nate Chamberlain Avatar
      Nate Chamberlain

      It worked for me regardless of browser. Can you share any specific errors you get when running through the steps?

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Nate Chamberlain

Subscribe now to keep reading and get access to the full archive.

Continue reading