Print Stylesheet for Tasks Pro
I've started using Tasks Pro to keep track of my ToDo items around my house. I've used Tasks Pro off and on for work items for almost 3 years now and I'm wondering why I didn't do this before.
My wife and I follow the GTD principles "loosely". We first write all the items down in a notebook, then enter them into a local, 1-user copy of Tasks Pro. At this point, my wife asked if we could print out the list and stick it on the fridge. Great idea!
Unfortunately, Tasks Pro didn't have a nice print stylesheet. Given an hour on a lazy Sunday afternoon, this was easily fixed.
Here's the result:
Doing this on your version of Tasks Pro is very straightforward. You'll need access to the source code of your copy of Tasks. This is usually via FTP, or something similar.
First, edit your index.php file adding the following line between the HTML Head tags:
<head>
.... (other stuff)
<link rel="stylesheet" type="text/css" media="print" href="http://mike-hostetler.com/print.css" />
... (other stuff)
</head>
Second, create a new file in the same directory as your index.php file called print.css. Add this code:
body {
padding: 0px;
margin: 0px;
}
#menu_area, #change_view, .breadcrumbs {
display: none;
}
div.task_background_odd, div.task_background_even {
background: none;
border: none;
}
.icon_edit,
.icon_new_child,
.icon_new_template,
.icon_complete,
.icon_delete,
.icon_form,
.icon_forms,
.icon_sticky,
.icon,
.icon_tag_edit
{
display: none;
}
td nobr {
display: none;
}
table {
margin: -3px;
}
Save the files, upload them to your server and you're done!
To view the print view, simply go to the Print Preview function in your browser.
Mike Hostetler is an inventor, entrepreneur, programmer and proud father. Having worked with web technologies since the mid 1990's, Mike has had extensive experience developing web applications with PHP and JavaScript. Currently, Mike works as the CEO of 
