cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Community Member

Printing clean pages that contain links

I have created a multi-page online textbook using Canvas Pages. Some students need to be able to print these pages for offline studying or because they do not have access to the online site from home. When Canvas Pages are printed, any links in the page are automatically printed with the link url next to it, such as: "AGAIN (http://roseavenue.net/asl101/pages-signs/a/again.htm)". My pages have numerous links in them and thus printed versions of them are almost unreadable.

1. I have been told that Canvas does not support printing of Pages. I would like to see printing support added to future features, especially if Canvas hopes to become a viable platform for OER materials. Such materials need to be available for students with limited network connectivity or other reasons for needing print versions.

2. After a little experimentation, I was able to find a short-term fix for this problem. When viewing the page in a Chrome browser, use the "Inspect" feature to bring up a window showing the underlying HTML code.

Navigate to the bottom of the <head> section and select the last chunk of HTML  code before the </head> tag.  Click on the three dots at the left "..." and choose Edit as HTML.  Then delete what you see and insert (or add at the bottom):  <style>     a:link:after, a:visited:after {content:""; } </style>

This just tells the page not to display the URL after each link. You can then print out a "clean" version of the page. This is kind of a hassle because you have to do it for each page you want to print, but it's better (in my opinion) than doing what the Canvas customer support team recommends, which is doing a print-screen. Also, you can use this method to produce a pdf of your Page which can then be made available for students to print.

5 Replies
Highlighted
Navigator

kstack@mpc.edu 

If you want life to be even easier, I wrote a script a couple of years ago that you can add to your browser that will automatically hide the URLs so that you don't have to manually insert the code.

You have to load a user script manager for your browser. Currently Greasemonkey/Firefox isn't working right and Tampermonkey works with all of the major browsers, so I'm recommending it. Then you install the script.

Here is a thread about it in the Canvas Community or the direct link to that page on my GitHub site.

Highlighted
Community Member

Thank you!!!

I did search on "pages printing" but came up with many irrelevant

results at the top of the results list, so I didn't think it was

worthwhile to page through the results. Guess that's a lesson for me.

How did you know that common.css (which seems to have now morphed into

common-3028b52630.css) was the key css file? I'm guessing you made an

educated guess based on many years of HTML coding experience... Anyway,

thanks again.

Best,

Kelly

Highlighted

The number at the end changes over time to make sure that people are getting the correct version, so ignore that part of it. common.css is what it's called in the source code. 

I also do a lot of debugging in Firefox where it shows the style sheets in a separate area when you click on Style Editor and they are pretty-printed so it's easier to find things. Chrome might be able to do that, but they seem to be organized by domain and page and so it's harder for me to find things.

Chrome

267566_pastedImage_1.png


Firefox

267567_pastedImage_4.png

Highlighted
Community Coach
Community Coach

Hello there, kstack@mpc.edu...

I have been reviewing older questions here in the Canvas Community, and I stumbled upon your question.  I wanted to check in with you because I noticed that there hasn't been any new activity in this topic since February 10, 2018.  It looks like james@richland.edu has given you some helpful feedback here.  Have you had an opportunity to review all his feedback?  Did one of his responses help to answer your question?  Are there any outstanding questions you have yet as it relates to your original question?  If so, please come back to this thread to provide an update for us so that someone from the Community might be able to reply.  For the time being, I am going to mark your question as "Assumed Answered"...mainly because there hasn't been any new activity in this topic since February.  However, that won't keep you or others from posting additional questions and/or comments below that are related to this topic.  I hope that's alright with you, Kelly.  Looking forward to hearing back from you soon.

Highlighted
Community Member

Yes, this was quite helpful. I was able to implement a fix in my Firefox browser that allows me to print the pages as I wanted to. I used the userContent.css file in Firefox to insert the code below:

a:link:after, a:visited:after { content:"" !important; }

 

Thanks for asking, and thanks to James Jones!

Best,

Kelly