Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You will need to include a print stylesheet, as <a href="https://stackoverflow.com/a/9912323/1183833">detailed by Dan Lee</a>. However that's only half the answer. The other half is that Chrome (and Safari) have poor printing options, and cannot print <code>background-images</code>, or <code>background-colors</code>. I had to figure this all out when trying creating a printable version of <a href="http://arshaw.com/fullcalendar/" rel="nofollow noreferrer">FullCalendar</a> that used colors to differentiate between different types of calendar entries. </p> <p>I include these directions for printing:</p> <blockquote> <ol> <li>Firefox has the best print output, Internet Explorer is second.</li> <li>You may want to turn on the Print Background option in your browser: In Firefox or Internet Explorer: Go to File -> Page Setup -> Check Print Background (colors and images)</li> <li>Although Chrome and Safari will work, they do not have the print background options. It will be difficult to differentiate between the types of entries on the calendar.</li> </ol> </blockquote> <p>If your page is simple enough, you can sub in actual <code>&lt;img&gt;</code>s instead, and use CSS to stretch and position them behind any text that might be in the <code>div</code> or <code>td</code>. That wasn't possible for the FullCalendar project I did, but it works fine on a simpler table. It's compatible with Chrome, Firefox, and IE, and doesn't require users to toggle a specific option to get the correct output.</p> <p>This is as of Chrome 17.0.963.83 and Safari 5.1.4 on Windows. </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload