Better printing with greasemonkey
dziamid says:
This is for those who want to print their lists with tags:
-------
var css = document.createElement('link');
css.rel = 'stylesheet';
css.href = 'http://localhost/greasemonkey/rtm/print.css';
css.type = 'text/css';
css.media = 'print';
document.getElementsByTagName('head')[0].appendChild(css);
-------
print.css:
-------
#topnav, #searchbox, #detailsbox , #tools, #tools_spacer, #add-box , #appfooter, div.appfooter{
display: none;
}
#listtabs ul li:not(.xtab_selected) {
display:none;
}
#content, #listbox , #list, #listwrap, #midcontent, #tasks {
width: 100%;
margin: 0;
padding: 0;
}
#content {
margin: 5px;
}
#listtabs ul li.xtr_hover {
background: none;
}
#tasks td.xtd_check form{
border: 1px solid black;
width: 20px;
height: 20px;
margin: 5px;
}
#tasks td.xtd_check input {
display: none;
}
------
A little bonus: you don't have to follow a 'print' link anymore.. just push the browser's 'print this page' button =)
Read here on how to set up greasemonkey: http://www.rememberthemilk.com/forums/tips/11025/
-------
var css = document.createElement('link');
css.rel = 'stylesheet';
css.href = 'http://localhost/greasemonkey/rtm/print.css';
css.type = 'text/css';
css.media = 'print';
document.getElementsByTagName('head')[0].appendChild(css);
-------
print.css:
-------
#topnav, #searchbox, #detailsbox , #tools, #tools_spacer, #add-box , #appfooter, div.appfooter{
display: none;
}
#listtabs ul li:not(.xtab_selected) {
display:none;
}
#content, #listbox , #list, #listwrap, #midcontent, #tasks {
width: 100%;
margin: 0;
padding: 0;
}
#content {
margin: 5px;
}
#listtabs ul li.xtr_hover {
background: none;
}
#tasks td.xtd_check form{
border: 1px solid black;
width: 20px;
height: 20px;
margin: 5px;
}
#tasks td.xtd_check input {
display: none;
}
------
A little bonus: you don't have to follow a 'print' link anymore.. just push the browser's 'print this page' button =)
Read here on how to set up greasemonkey: http://www.rememberthemilk.com/forums/tips/11025/
Log in
to post a reply.