Print style sheet issues, and possible solution

[dan corm]

We had been having problems with the print style sheet cropping parts of the ticket, and in fact only printing the first page of the ticket.

I've customized the print style sheet to some extent to overcome this, though it is by no means perfect - I've included it below. If anyone can devise a universal way to print UserRequests please post up your findings, as of right now we are forcing landscape printing, and setting ALL HTML objects to overflow=visible. Also, we are doing an override of many computed in-line styles using the "!important" attribute.

The style sheet that was used as a starting point was as taken from iTop 2.0.1-1085

@media print {
@CHARSET "UTF-8";
@page{size:landscape}

span.ui-layout-resizer { display: none; }
#header-logo { display: none; }
#logo { display: none; }
div.header-menu { display:none; }
div.footer { display:none; }
#top-bar { display: none; }
#inner_menu { display: none; }
div.actions_button { display:none; }
div.itop_popup { display:none; }
div.HRDrawer { display:none; }
div.caselog { display:list-item; }
div.DrawerHandle { display:none; }
a.tab { display:none; }
div.itop-tab { border: #ccc 1px solid; margin-top: 1em; padding-bottom:1em; }
#combodo_logo { display:none; }

div.ui-layout-resizer{ margin: 0px !important; width: 0px !important; }
div.ui-layout-center{ margin: 0px !important;}
div.ui-layout-pane{ margin: 0px !important; }
div.ui-layout-pane-center{ margin: 0px !important; }
#menu{ width: 0px !important; margin: 0px !important; }
#left-pane{ width: 0px !important; margin: 0px !important; }
div.ui-layout-content{ margin:0px !important; }
#menu{ width: 0px !important; margin: 0px !important; }
#left-pane{ width: 0px !important; margin: 0px !important; }
div.ui-layout-content{ margin:0px !important; }
table { width: 50%; }
*{ overflow:visible !important; }
}