List Custom Print View

I'm using SharePoint 2 and am a total newbie.  Our company does not allow SharePoint designer.  I have a custom list and I want to be able to print individual items in the list without...
- the navigation headers, (mine says "Home", "Help"...and "Up to ...")
- without the Edit options, ("New Item", "Edit Item", ...)
- without the URL at the bottom
- and without the left side border that is printing as well.  This is the layout of the entire site - a big margin on the left.  Not sure if this is removable.

What can I add to a content editor web part that will allow me to do this?  Thanks!
error_proneAsked:
Who is Participating?
 
Rafael IConnect With a Mentor Solutions EngineerCommented:
in the content editor, copy this into the source code.

http://www.endusersharepoint.com/2008/12/09/jquery-for-everyone-print-any-web-part/

and let us know if it works.  You should really push to get SharePoint Designer though, it will help you down the road, and it's a free download now.
0
 
KoenVostersCommented:
If you are not allowed to do anything on the SharePoint environment it is going to be very hard. How many things are you planning to print? If it is only one, why not just take a screenshot and paste it into mspaint. I know it sounds like a very newbie solution, but if you are not allowed to do a lot, this pretty much is your only option.

If you are allowed to use jquery, you can use the remove function of the api:
http://api.jquery.com/remove/
0
 
error_proneAuthor Commented:
I can add a content editor web part.  Is there code I can put in that to customize print view?
0
Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

 
KoenVostersCommented:
Yes, you can put the jquery code in the content editor webpart if your admins have added jquery support to your sharepoint farm.
If not, you will probably be able to achieve this somehow in javascript as well, but that will be "insane".
0
 
error_proneAuthor Commented:
Ok, so I'm still at the beginning - not knowing exactly what code to add to achieve the bulleted items in the original question.
0
 
KoenVostersCommented:
It's not going to be that easy. You will have to look at the source of the page, and identify all the elements of the page that you want to be removed. You can use internet explorer for that, hit f12 and then select by click. This will allow you to select an element and it will give you its information.

Once you have identified the elements you will have to use the jquery remove cocde in your script to remove all the items after which only what you want will remain.
0
 
error_proneAuthor Commented:
This would remove them entirely right, and not just in print view?
0
 
KoenVostersCommented:
Yes, but then again you could use querystrings like url?printview=true to show a printable versions and have your jquery script take that into account.

How to read querystrings:
http://codeasp.net/blogs/raghav_khunger/microsoft-net/1164/get-querystring-values-using-jquery
0
 
error_proneAuthor Commented:
I have no idea how to implement your suggestions...
0
All Courses

From novice to tech pro — start learning today.