|
Details
When printing a page that uses PanelSet for its layout, you may need to apply custom styles to a
Panel to force it to print its entire contents if it is clipped and uses scroll bars. This is standard practice for layouts that utilize DIV elements with scrolling behavior.
Web developers apply the media "At Rule" in order to accomplish custom print styles. This can be
inline:
<style>
@media print
{
#Panel1
{
position:relative ! important;
top:0px ! important;
overflow:visible ! important;
}
}
</style>
Or print styles can be linked externally:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
You may notice that along with the CSS attributes is the "! important" directive. This helps ensure
that these styles will take precedence over local style attributes. Local style attributes are
defined in PanelSet, either statically or via JavaScript when the page is rendered. Without the "!
important" directive, your print styles may not be applied in deference to equivalent local styles. |
