Printer friendly CSS styles

This article explains how to use the printer friendly CSS styles on your web site. These styles are used only if a document is sent to a printer.

1. Add to the master page header tag link to appropriate CSS style. For example: <link href="CMSPages/GetCSS.aspx?stylesheetname=<code_name_of_the_printer_styles> " type="text/css" rel="stylesheet" media="print" />
2. Create a new CSS style sheet in Site Manager -> Development -> CSS style sheets and name it “Printer styles”, for example. See the simple example bellow for an illustration of the printer friendly CSS styles created for our default Corporate site:

.zoneLeft, .zoneRight, .zoneTopInfo, .zoneTop, .horizontalmenu, .zoneBottom
{
    display: none;
}

.eventCalendarDetail .zoneLeft, .eventCalendarDetail zoneRight
{
    display: block;
}

.eventCalendarDetail zoneRight
{
    float: left;
}

.logonReg .zoneLeft, .logonReg .zoneRight
{
    display: block;
}

.logonReg .zoneRight
{
    float: left;
}
 
.zoneContent
{
    float: left !important;
}