Question

I am trying to take data from a HTML <form> and generate a report from that data for printing, as the internet connection is not persistent, it is important report in print format is generated on client side only i.e. a web-browser.

Answer 1

Generate BOTH the screen and print versions from the server at the same time. Enclose different parts in DIVs with class=”NotOnPrint” for the screen-only stuff, class=”NotOnScreen” for the print-only stuff, and nothing extra for items that should appear on both screen and print. Then use this CSS:

@media screen { .NotOnScreen { display: none; } }
@media print { .NotOnPrint { display: none; } }