Imprimir un Reporte Crystal en Web?

flacusho · #1 (**permalink**) 19/05/2005, 10:53

Hola a todos:
tengo una gran duda. ¿Cómo puedo imprimir un reporte de crystal en web, sin que tenga que exportarlo a pdf o otro formato?.
Si tengo en la misma pagina ademas del crystalReportViewer algunos botones y controles... ¿como puedo imprimir solo el reporte sin todos estos controles?.
Alguna idea?

Saludos

xknown · #2 (**permalink**) 19/05/2005, 16:22

Lo que puedes hacer es utilizar CSS, para lo cual en la página definir secciones imprimibles y no imprimibles, dentro del archivo CSS defines que partes se van a mostrar o no (display: none;) al momento de imprimir

<link rel="stylesheet" href="impresora.css" media="print" />
ó
<style media="print">
/*Preparar la página para la impresión*/
</style>

Saludos

flacusho · #3 (**permalink**) 19/05/2005, 16:30

xknown, la verdad no estoy muy familiarizado con los CSS por eso es que no entiendo mucho... si puedes postear un ejemplo mas elaborado te lo agradeceria mucho.
Saludos!

xknown · #4 (**permalink**) 19/05/2005, 16:57

Aquí te envío un ejemplito sencillo (la forma de la página no es la correcta...), consta de una página con una cabecera, menu, contenido y pie de página:

Código HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="es">
	<head>
		<title>Demo</title>		
		<!--
		Es mejor que las hojas de estilo vayan en archivos separados
		<link rel="stylesheet" type="text/css" href="principal.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="impresora.css" media="print" />
		-->
		<style media="screen" type="text/css">
			/* Contenido de principal.css*/
			div{
				border: 1px solid #ff6347;
				margin: 0.5em 0;
				padding: 0.5em;
				font: small "Trebuchet MS", Verdana;
			}
			#menu{
				float: left;
				margin-right: 1em;
			}
			#contenido{
				float: left;
			}
			#pie{
				clear: both;
			}
		</style>
		<style media="print" type="text/css">
			/* Contenido de impresora.css*/
			/*Solo se mostrara el contenido*/
			#cabecera, #menu, #pie{
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="cabecera"><h1>Esta es la cabecera</h1></div>
		<div id="menu">Aqui va el Menu</div>
		<div id="contenido">Aqui va lo que se va a imprimir</div>
		<div id="pie">Pie de Pagina</div>
	</body>
</html>

Saludos

flacusho · #5 (**permalink**) 20/05/2005, 10:02

Gracias si me sirve

Saludos!